셀렉트 박스
<!--
* 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>