폼 정의

1. 일반 폼 (Input)

• 폼 순서는 function, name, info, option, role, property, style, status
• input ID === label for 같아야 함.

<div class="input_wrap">
    <input type="text" id="info" name="input01" placeholder="이름 입력 해 주세요!!!" value="">
    <label for="info" class="hidden"></label>
</div>

2. 폼 (readonly)

<div class="input_wrap">
    <input type="text" id="info2" name="input01" placeholder="이름 입력 해 주세요!!!" readonly="">
    <label for="info2" class="hidden"></label>
</div>

3. Radio

<div class="rdo_wrap">
    <input type="radio" name="radio" id="radio01" checked="">
    <label for="radio01"><span>라디오1</span></label>
</div>
<div class="rdo_wrap">
    <input type="radio" name="radio" id="radio02">
    <label for="radio02"><span>라디오2</span></label>
</div>

4. Checkbox

<div class="chk_wrap">
    <input type="checkbox" name="check" id="chk01" checked="">
    <label for="chk01"><span>체크1</span></label>
</div>
<div class="chk_wrap">
    <input type="checkbox" name="check" id="chk02">
    <label for="chk02"><span>체크2</span></label>
</div>

5. Select (div, ul, li)

<div class="ui_sel_wrap">
    <div class="sel-label">Select Country</div>
    <div class="sel-list">
        <ul>
            <li>India</li>
            <li>Sri Lanka</li>
            <li>Nepal</li>
            <li>Bangladesh</li>
        </ul>
    </div>
</div>

6. Select

<div class="sel_wrap">
    <select class="ui_selectbox sel_item" data-title="옵션선택">
        <option selected="">all</option>
        <option>item 01</option>
        <option>item 02</option>
        <option>item 03</option>
        <option>item 04</option>
        <option>item 05</option>
    </select>
</div>