mf输入表单

Posted 2020-09-07

 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>