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>