文本

    <input type="text" placeholder="Your text">

多行文本

    <textarea rows="10" cols="10"></textarea>

email

    <input type="email" placeholder="Your email">

密码

    <input type="password" placeholder="Your password">

网址

    <input type="url" placeholder="Your url">

电话

    <input type="tel" placeholder="Your tel">

下拉

    <select>
        <option>Male</option>
        <option>Female</option>
    </select>

开关

    <label class="label-switch">
        <input type="checkbox">
        <div class="checkbox"></div>
    </label>

多选

    <li class="link_item checkbox">
        <div class="item">
            <div class="item_left">
                <input id="checkbox1" type="checkbox" class="ck">
                <label for="checkbox1" class="lb-ck"></label>
            </div>
            <div class="item_center">
                <div class="item-input">
                    多选样式1
                </div>
                <!--<div class="item_after"></div>-->
            </div>
        </div>
    </li>
    <li class="link_item checkbox">
        <div class="item">
            <div class="item_left">
                <input id="checkbox2" type="checkbox" class="ck">
                <label for="checkbox2" class="lb-ck-badge"></label>
            </div>
            <div class="item_center">
                <div class="item-input">
                    多选样式2
                </div>
                <!--<div class="item_after"></div>-->
            </div>
        </div>
    </li>

单选

    <li class="link_item radio">
        <div class="item">
            <div class="item_center">
                <div class="item-input col-90">
                    单选样式1
                </div>
                <div class="item_btn middle col-10">
                    <input type="radio" value="1" id="radio1" name="radio" class="rd" checked="checked">
                    <label for="radio1" class="lb-rd"></label>
                </div>
            </div>
        </div>
    </li>
    <li class="link_item radio">
        <div class="item">
            <div class="item_center">
                <div class="item-input col-90">
                    单选样式2
                </div>
                <div class="item_btn middle col-10">
                    <input type="radio" value="2" id="radio2" name="radio" class="rd">
                    <label for="radio2" class="lb-rd"></label>
                </div>
            </div>
        </div>
    </li>

日期

    <input type="date" placeholder="2016-04-11">

时间

    <input type="time" placeholder="11:11">

日期时间

    <input type="datetime-local" placeholder="2016-04-11">