Welink ui组件介绍Input

Input

表单输入框。Input UI 提供与WeLink规范一致的视图。 Input类型包括：文本框、复选框、单选框、文本域。

    <div class="weui-cells__title">文本框</div>
    <div class="weui-cells weui-cells_form">
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <input id="input1" class="weui-input" type="text" placeholder="请输入文本" />
            </div>
            <div class="weui-cell__ft">
                <i id="inputclear1" class="weui-icon-clear"></i>
            </div>
        </div>
    </div>
    <div class="weui-cells weui-cells_form">
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <input id="input2" id="input2" class="weui-input" type="text" placeholder="请输入文本" value="这是初始化文本内容" />
            </div>
            <div class="weui-cell__ft">
                <i id="inputclear2" class="weui-icon-clear"></i>
            </div>
        </div>
    </div>
    <div class="weui-cells__title">文本域</div>
    <div class="weui-cells weui-cells_form">
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <textarea class="weui-textarea" placeholder="请输入文本" rows="3"></textarea>
                <div class="weui-textarea-counter"><span>0</span>/200</div>
            </div>
        </div>
    </div>