셀렉트 박스

<!-- * required properties * .selectbox: required for css style * data-uipack="selectbox": ui활성화 (js 셀렉터) * * optional properties * * data-placeholder="PLACEHOLDER TEXT" * data-state="disabled" --> <!-- properties --> <div class="selectbox" data-uipack="selectbox" data-state="disabled" data-placeholder="placeholder text" > <!-- REQUIRED --> <select hidden name="{}"></select> ... </div> // data-uipack="selectbox" 선택자로 자동 init // 비동기로 마크업 로드시 uiPack.events.emit('INIT_SELECTBOX');

ui_field

<!-- // 마트업은 동일 // .ui_field__label 위치만 필요에따라 변경 type=text type=password type=radio type=checkbox --스타일 변형 옵션 * .ui_field__label--block : 블록 스타일 레이블 * [type="radio"]인풋일시 .ui_field__input--checkbox 모드 가능 --> <label class="ui_field"> <input class="ui_field__input" type="{}" name="{}" value="{}"> <span class="ui_field__label">{}</span> </label>
500
20
20
AUTORESIZE
SELECTBOX
  • option1
  • option2
  • option3
  • option1
  • option2
  • option3
  • option1
  • option2
  • option3
NUMBER
INPUTFIELD
CHECKBOX
RADIO