首页 > 代码库 > mf输入表单

mf输入表单

 1   <form class="mui-input-group"> 
 2    <div class="mui-input-row"> 
 3     <label>用户名</label> 
 4     <input type="text" class="mui-input-clear" placeholder="请输入用户名" />   
 5    </div> 
 6    <div class="mui-input-row"> 
 7     <label>密码</label> 
 8     <input type="password" class="mui-input-password" placeholder="请输入密码" /> 
 9    </div> 
10    <div class="mui-button-row"> 
11     <button type="button" class="mui-btn mui-btn-primary">确定</button> 
12     <button type="button" class="mui-btn mui-btn-blue mui-btn-danger">取消</button> 
13    </div> 
14   </form>

技术分享

mui-input-clear:带清除按钮的输入框

带加载的按钮
1 <button type="button" data-loading-text="提交中" data-loading-icon="mui-spinner mui-spinner-custom" class="mui-btn mui-btn-primary">确认</button>
2 <script type="text/javascript">
3 mui(document.body).on(tap, .mui-btn, function(e) {
4     mui(this).button(loading);
5     setTimeout(function() {
6         mui(this).button(reset);
7     }.bind(this), 2000);
8 });
9 </script>

 

 

mf输入表单