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"> <d...
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>
【版权声明】本文为华为云社区用户原创内容，未经允许不得转载，如需转载请自行联系原作者进行授权。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
作者其他文章
评论（0）