Commit ce116cfd authored by hbcui1984's avatar hbcui1984

hello mui中button控件增加默认type="button"属性

parent 1fb0215b
......@@ -42,12 +42,12 @@
</header>
<div class="mui-content">
<div class="mui-content-padded">
<button class="mui-btn">Badge button <span class="mui-badge">1</span></button>
<button class="mui-btn mui-btn-primary">Badge button <span class="mui-badge mui-badge-primary">2</span></button>
<button class="mui-btn mui-btn-success">Badge button <span class="mui-badge mui-badge-success">12</span></button>
<button class="mui-btn mui-btn-warning">Badge button <span class="mui-badge mui-badge-warning">121</span></button>
<button class="mui-btn mui-btn-danger">Badge button <span class="mui-badge mui-badge-danger">999</span></button>
<button class="mui-btn mui-btn-royal">Badge button <span class="mui-badge mui-badge-royal">999</span></button>
<button type="button" class="mui-btn">Badge button <span class="mui-badge">1</span></button>
<button type="button" class="mui-btn mui-btn-primary">Badge button <span class="mui-badge mui-badge-primary">2</span></button>
<button type="button" class="mui-btn mui-btn-success">Badge button <span class="mui-badge mui-badge-success">12</span></button>
<button type="button" class="mui-btn mui-btn-warning">Badge button <span class="mui-badge mui-badge-warning">121</span></button>
<button type="button" class="mui-btn mui-btn-danger">Badge button <span class="mui-badge mui-badge-danger">999</span></button>
<button type="button" class="mui-btn mui-btn-royal">Badge button <span class="mui-badge mui-badge-royal">999</span></button>
</div>
</div>
......
......@@ -35,18 +35,18 @@
</header>
<div class="mui-content">
<div class="mui-content-padded">
<button class="mui-btn mui-btn-block">Block button</button>
<button class="mui-btn mui-btn-primary mui-btn-block">Block button</button>
<button class="mui-btn mui-btn-success mui-btn-block">Block button</button>
<button class="mui-btn mui-btn-warning mui-btn-block">Block button</button>
<button class="mui-btn mui-btn-danger mui-btn-block">Block button</button>
<button class="mui-btn mui-btn-royal mui-btn-block">Block button</button>
<button class="mui-btn mui-btn-block mui-btn-outlined">Block button</button>
<button class="mui-btn mui-btn-primary mui-btn-block mui-btn-outlined">Block button</button>
<button class="mui-btn mui-btn-success mui-btn-block mui-btn-outlined">Block button</button>
<button class="mui-btn mui-btn-warning mui-btn-block mui-btn-outlined">Block button</button>
<button class="mui-btn mui-btn-danger mui-btn-block mui-btn-outlined">Block button</button>
<button class="mui-btn mui-btn-royal mui-btn-block mui-btn-outlined">Block button</button>
<button type="button" class="mui-btn mui-btn-block">Block button</button>
<button type="button" class="mui-btn mui-btn-primary mui-btn-block">Block button</button>
<button type="button" class="mui-btn mui-btn-success mui-btn-block">Block button</button>
<button type="button" class="mui-btn mui-btn-warning mui-btn-block">Block button</button>
<button type="button" class="mui-btn mui-btn-danger mui-btn-block">Block button</button>
<button type="button" class="mui-btn mui-btn-royal mui-btn-block">Block button</button>
<button type="button" class="mui-btn mui-btn-block mui-btn-outlined">Block button</button>
<button type="button" class="mui-btn mui-btn-primary mui-btn-block mui-btn-outlined">Block button</button>
<button type="button" class="mui-btn mui-btn-success mui-btn-block mui-btn-outlined">Block button</button>
<button type="button" class="mui-btn mui-btn-warning mui-btn-block mui-btn-outlined">Block button</button>
<button type="button" class="mui-btn mui-btn-danger mui-btn-block mui-btn-outlined">Block button</button>
<button type="button" class="mui-btn mui-btn-royal mui-btn-block mui-btn-outlined">Block button</button>
</div>
</div>
<style type="text/css">
......
......@@ -42,34 +42,34 @@
<div class="mui-content">
<div class="mui-content-padded">
<h5>图标居左:</h5>
<button class="mui-btn mui-icon mui-icon-home">
<button type="button" class="mui-btn mui-icon mui-icon-home">
首页
</button>
<button class="mui-btn mui-btn-primary mui-icon mui-icon-search">
<button type="button" class="mui-btn mui-btn-primary mui-icon mui-icon-search">
搜索
</button>
<button class="mui-btn mui-btn-success mui-icon mui-icon-plus">添加</button>
<button class="mui-btn mui-btn-danger mui-btn-outlined">
<button type="button" class="mui-btn mui-btn-success mui-icon mui-icon-plus">添加</button>
<button type="button" class="mui-btn mui-btn-danger mui-btn-outlined">
<span class="mui-icon mui-icon-trash"></span>
删除
</button>
<button class="mui-btn mui-btn-link">
<button type="button" class="mui-btn mui-btn-link">
<span class="mui-icon mui-icon-back"></span>
返回
</button>
<h5>图标居右:</h5>
<button class="mui-btn mui-icon mui-icon-home mui-right">
<button type="button" class="mui-btn mui-icon mui-icon-home mui-right">
首页
</button>
<button class="mui-btn mui-btn-primary mui-icon mui-icon-search mui-right">
<button type="button" class="mui-btn mui-btn-primary mui-icon mui-icon-search mui-right">
搜索
</button>
<button class="mui-btn mui-btn-success mui-icon mui-icon-plus mui-right">添加</button>
<button class="mui-btn mui-btn-danger mui-btn-outlined">
<button type="button" class="mui-btn mui-btn-success mui-icon mui-icon-plus mui-right">添加</button>
<button type="button" class="mui-btn mui-btn-danger mui-btn-outlined">
删除
<span class="mui-icon mui-icon-trash"></span>
</button>
<button class="mui-btn mui-btn-link">
<button type="button" class="mui-btn mui-btn-link">
下一步
<span class="mui-icon mui-icon-forward"></span>
</button>
......
......@@ -42,7 +42,7 @@
<div class="mui-content">
<div class="mui-content-padded">
<h5>有底色按钮:</h5>
<button class="mui-btn">
<button type="button" class="mui-btn">
默认
</button>
<div class="mui-btn mui-btn-primary">
......@@ -51,37 +51,37 @@
<span class="mui-btn mui-btn-success">
绿色
</span>
<button class="mui-btn mui-btn-warning">
<button type="button" class="mui-btn mui-btn-warning">
黄色
</button>
<button class="mui-btn mui-btn-danger">
<button type="button" class="mui-btn mui-btn-danger">
红色
</button>
<button class="mui-btn mui-btn-royal">
<button type="button" class="mui-btn mui-btn-royal">
紫色
</button>
<h5 style="margin-top: 10px;">无底色按钮(使用父元素的背景色):</h5>
<button class="mui-btn mui-btn-outlined">
<button type="button" class="mui-btn mui-btn-outlined">
默认
</button>
<button class="mui-btn mui-btn-primary mui-btn-outlined">
<button type="button" class="mui-btn mui-btn-primary mui-btn-outlined">
操作
</button>
<button class="mui-btn mui-btn-success mui-btn-outlined">
<button type="button" class="mui-btn mui-btn-success mui-btn-outlined">
成功
</button>
<button class="mui-btn mui-btn-warning mui-btn-outlined">
<button type="button" class="mui-btn mui-btn-warning mui-btn-outlined">
警告
</button>
<button class="mui-btn mui-btn-danger mui-btn-outlined">
<button type="button" class="mui-btn mui-btn-danger mui-btn-outlined">
危险
</button>
<button class="mui-btn mui-btn-royal mui-btn-outlined">
<button type="button" class="mui-btn mui-btn-royal mui-btn-outlined">
高贵
</button>
<h5 style="margin-top: 15px;">链接按钮:</h5>
<button class="mui-btn mui-btn-link">
<button type="button" class="mui-btn mui-btn-link">
添加
</button>
<h5 style="margin-top: 10px;">默认input标签样式:</h5>
......@@ -89,7 +89,7 @@
<input type="reset" value="type=reset" />
<input type="submit" value="type=submit" />
<h5 style="margin-top: 10px;">默认button标签样式:</h5>
<button>按钮</button>
<button type="button" >按钮</button>
</div>
</div>
......
......@@ -36,12 +36,12 @@
<div class="mui-content">
<div class="mui-content-padded" style="margin: 5px;text-align: center;">
<button id='alertBtn' class="mui-btn mui-btn-blue mui-btn-outlined">警告消息框</button>
<button id='confirmBtn' class="mui-btn mui-btn-blue mui-btn-outlined">确认消息框</button>
<button id='promptBtn' class="mui-btn mui-btn-blue mui-btn-outlined">输入对话框</button>
<button id='toastBtn' class="mui-btn mui-btn-blue mui-btn-outlined">自动消失提示框</button>
<button id='pickDateBtn' class="mui-btn mui-btn-blue mui-btn-outlined">日期选择框</button>
<button id='pickTimeBtn' class="mui-btn mui-btn-blue mui-btn-outlined">时间选择框</button>
<button id='alertBtn' type="button" class="mui-btn mui-btn-blue mui-btn-outlined">警告消息框</button>
<button id='confirmBtn' type="button" class="mui-btn mui-btn-blue mui-btn-outlined">确认消息框</button>
<button id='promptBtn' type="button" class="mui-btn mui-btn-blue mui-btn-outlined">输入对话框</button>
<button id='toastBtn' type="button" class="mui-btn mui-btn-blue mui-btn-outlined">自动消失提示框</button>
<button id='pickDateBtn' type="button" class="mui-btn mui-btn-blue mui-btn-outlined">日期选择框</button>
<button id='pickTimeBtn' type="button" class="mui-btn mui-btn-blue mui-btn-outlined">时间选择框</button>
<div id="info">
</div>
......
......@@ -55,8 +55,8 @@
<input type="text" class="mui-input-speech mui-input-clear" placeholder="语音输入">
</div>
<div class="mui-button-row">
<button class="mui-btn mui-btn-primary" onclick="return false;">确认</button>&nbsp;&nbsp;
<button class="mui-btn mui-btn-danger" onclick="return false;">取消</button>
<button type="button" class="mui-btn mui-btn-primary" onclick="return false;">确认</button>&nbsp;&nbsp;
<button type="button" class="mui-btn mui-btn-danger" onclick="return false;">取消</button>
</div>
</form>
<div class="mui-input-row" style="margin: 10px 5px;">
......
......@@ -44,13 +44,13 @@
</li>
<li class="mui-table-view-cell">
Item 1
<button class="mui-btn">
<button type="button" class="mui-btn">
Button
</button>
</li>
<li class="mui-table-view-cell">
Item 2
<button class="mui-btn mui-btn-primary">
<button type="button" class="mui-btn mui-btn-primary">
Button
</button>
</li>
......
......@@ -53,7 +53,7 @@
4.Android手机按back键;5.Android手机按menu键
</span>
<p style="margin: 10px 15px;">
<button id="close-btn" class="mui-btn mui-btn-danger mui-btn-block" style="padding: 5px 20px;">关闭侧滑菜单</button>
<button id="close-btn" type="button" class="mui-btn mui-btn-danger mui-btn-block" style="padding: 5px 20px;">关闭侧滑菜单</button>
</p>
</div>
......
......@@ -57,7 +57,7 @@
3.点击如下红色按钮<span class="android-only">;4.Android手机按back键;5.Android手机按menu键
</span>
<p style="margin: 10px 15px;">
<button id="offCanvasHide" class="mui-btn mui-btn-danger mui-btn-block" style="padding: 5px 20px;">关闭侧滑菜单</button>
<button id="offCanvasHide" type="button" class="mui-btn mui-btn-danger mui-btn-block" style="padding: 5px 20px;">关闭侧滑菜单</button>
</p>
</div>
......@@ -117,7 +117,7 @@
<span class="android-only">4、Android手机按menu键;</span>
</p>
<p style="padding: 5px 20px;margin-bottom: 5px;">
<button id="offCanvasShow" class="mui-btn mui-btn-primary mui-btn-block" style="padding: 5px 100px;">
<button id="offCanvasShow" type="button" class="mui-btn mui-btn-primary mui-btn-block" style="padding: 5px 100px;">
显示侧滑菜单
</button>
</p>
......
......@@ -53,7 +53,7 @@
4.Android手机按back键;5.Android手机按menu键
</span>
<p style="margin: 10px 15px;">
<button id="close-btn" class="mui-btn mui-btn-danger mui-btn-block" style="padding: 5px 20px;">关闭侧滑菜单</button>
<button id="close-btn" type="button" class="mui-btn mui-btn-danger mui-btn-block" style="padding: 5px 20px;">关闭侧滑菜单</button>
</p>
</div>
......
......@@ -56,7 +56,7 @@
3.点击如下红色按钮<span class="android-only">;4.Android手机按back键;5.Android手机按menu键
</span>
<p style="margin: 10px 15px;">
<button id="offCanvasHide" class="mui-btn mui-btn-danger mui-btn-block" style="padding: 5px 20px;">关闭侧滑菜单</button>
<button id="offCanvasHide" type="button" class="mui-btn mui-btn-danger mui-btn-block" style="padding: 5px 20px;">关闭侧滑菜单</button>
</p>
</div>
......@@ -115,7 +115,7 @@
<span class="android-only">4、Android手机按menu键;</span>
</p>
<p style="padding: 5px 20px;margin-bottom: 5px;">
<button id="offCanvasShow" class="mui-btn mui-btn-primary mui-btn-block" style="padding: 10px;">
<button id="offCanvasShow" type="button" class="mui-btn mui-btn-primary mui-btn-block" style="padding: 10px;">
显示侧滑菜单
</button>
</p>
......
......@@ -38,7 +38,7 @@
3.点击如下红色按钮<span id="android-only">;4.Android手机按back键;5.Android手机按menu键
</span>
<p style="margin: 10px 15px;">
<button id="close-btn" class="mui-btn mui-btn-danger mui-btn-block" style="padding: 5px 20px;">关闭侧滑菜单</button>
<button id="close-btn" type="button" class="mui-btn mui-btn-danger mui-btn-block" style="padding: 5px 20px;">关闭侧滑菜单</button>
</p>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment