Skip to content

M
mui
Commit ce116cfd authored by hbcui1984's avatar hbcui1984
Browse files
Options

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

parent 1fb0215b
Hide whitespace changes
Inline Side-by-side
Showing with 57 additions and 57 deletions
examples/hello-mui/examples/buttons-with-badges.html
View file @ ce116cfd
...@@ -42,12 +42,12 @@ ...@@ -42,12 +42,12 @@
</header> </header>
<div class="mui-content"> <div class="mui-content">
<div class="mui-content-padded"> <div class="mui-content-padded">
<button class="mui-btn">Badge button <span class="mui-badge">1</span></button> <button type="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 type="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 type="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 type="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 type="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 mui-btn-royal">Badge button <span class="mui-badge mui-badge-royal">999</span></button>
</div> </div>
</div> </div>
......
examples/hello-mui/examples/buttons-with-block.html
View file @ ce116cfd
...@@ -35,18 +35,18 @@ ...@@ -35,18 +35,18 @@
</header> </header>
<div class="mui-content"> <div class="mui-content">
<div class="mui-content-padded"> <div class="mui-content-padded">
<button class="mui-btn mui-btn-block">Block button</button> <button type="button" class="mui-btn mui-btn-block">Block button</button>
<button class="mui-btn mui-btn-primary mui-btn-block">Block button</button> <button type="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 type="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 type="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 type="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 type="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 type="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 type="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 type="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 type="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 type="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-royal mui-btn-block mui-btn-outlined">Block button</button>
</div> </div>
</div> </div>
<style type="text/css"> <style type="text/css">
......
examples/hello-mui/examples/buttons-with-icons.html
View file @ ce116cfd
...@@ -42,34 +42,34 @@ ...@@ -42,34 +42,34 @@
<div class="mui-content"> <div class="mui-content">
<div class="mui-content-padded"> <div class="mui-content-padded">
<h5>图标居左：</h5> <h5>图标居左：</h5>
<button class="mui-btn mui-icon mui-icon-home"> <button type="button" class="mui-btn mui-icon mui-icon-home">
首页 首页
</button> </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>
<button class="mui-btn mui-btn-success mui-icon mui-icon-plus">添加</button> <button type="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-danger mui-btn-outlined">
<span class="mui-icon mui-icon-trash"></span> <span class="mui-icon mui-icon-trash"></span>
删除 删除
</button> </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> <span class="mui-icon mui-icon-back"></span>
返回 返回
</button> </button>
<h5>图标居右：</h5> <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>
<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>
<button class="mui-btn mui-btn-success mui-icon mui-icon-plus mui-right">添加</button> <button type="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-danger mui-btn-outlined">
删除 删除
<span class="mui-icon mui-icon-trash"></span> <span class="mui-icon mui-icon-trash"></span>
</button> </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> <span class="mui-icon mui-icon-forward"></span>
</button> </button>
......
examples/hello-mui/examples/buttons.html
View file @ ce116cfd
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
<div class="mui-content"> <div class="mui-content">
<div class="mui-content-padded"> <div class="mui-content-padded">
<h5>有底色按钮：</h5> <h5>有底色按钮：</h5>
<button class="mui-btn"> <button type="button" class="mui-btn">
默认 默认
</button> </button>
<div class="mui-btn mui-btn-primary"> <div class="mui-btn mui-btn-primary">
...@@ -51,37 +51,37 @@ ...@@ -51,37 +51,37 @@
<span class="mui-btn mui-btn-success"> <span class="mui-btn mui-btn-success">
绿色 绿色
</span> </span>
<button class="mui-btn mui-btn-warning"> <button type="button" class="mui-btn mui-btn-warning">
黄色 黄色
</button> </button>
<button class="mui-btn mui-btn-danger"> <button type="button" class="mui-btn mui-btn-danger">
红色 红色
</button> </button>
<button class="mui-btn mui-btn-royal"> <button type="button" class="mui-btn mui-btn-royal">
紫色 紫色
</button> </button>
<h5 style="margin-top: 10px;">无底色按钮（使用父元素的背景色）：</h5> <h5 style="margin-top: 10px;">无底色按钮（使用父元素的背景色）：</h5>
<button class="mui-btn mui-btn-outlined"> <button type="button" class="mui-btn mui-btn-outlined">
默认 默认
</button> </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>
<button class="mui-btn mui-btn-success mui-btn-outlined"> <button type="button" class="mui-btn mui-btn-success mui-btn-outlined">
成功 成功
</button> </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>
<button class="mui-btn mui-btn-danger mui-btn-outlined"> <button type="button" class="mui-btn mui-btn-danger mui-btn-outlined">
危险 危险
</button> </button>
<button class="mui-btn mui-btn-royal mui-btn-outlined"> <button type="button" class="mui-btn mui-btn-royal mui-btn-outlined">
高贵 高贵
</button> </button>
<h5 style="margin-top: 15px;">链接按钮：</h5> <h5 style="margin-top: 15px;">链接按钮：</h5>
<button class="mui-btn mui-btn-link"> <button type="button" class="mui-btn mui-btn-link">
添加 添加
</button> </button>
<h5 style="margin-top: 10px;">默认input标签样式：</h5> <h5 style="margin-top: 10px;">默认input标签样式：</h5>
...@@ -89,7 +89,7 @@ ...@@ -89,7 +89,7 @@
<input type="reset" value="type=reset" /> <input type="reset" value="type=reset" />
<input type="submit" value="type=submit" /> <input type="submit" value="type=submit" />
<h5 style="margin-top: 10px;">默认button标签样式：</h5> <h5 style="margin-top: 10px;">默认button标签样式：</h5>
<button>按钮</button> <button type="button" >按钮</button>
</div> </div>
</div> </div>
......
examples/hello-mui/examples/dialog.html
View file @ ce116cfd
...@@ -36,12 +36,12 @@ ...@@ -36,12 +36,12 @@
<div class="mui-content"> <div class="mui-content">
<div class="mui-content-padded" style="margin: 5px;text-align: center;"> <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='alertBtn' type="button" 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='confirmBtn' type="button" 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='promptBtn' type="button" 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='toastBtn' type="button" 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='pickDateBtn' type="button" 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='pickTimeBtn' type="button" class="mui-btn mui-btn-blue mui-btn-outlined">时间选择框</button>
<div id="info"> <div id="info">
</div> </div>
......
examples/hello-mui/examples/inputs.html
View file @ ce116cfd
...@@ -55,8 +55,8 @@ ...@@ -55,8 +55,8 @@
<input type="text" class="mui-input-speech mui-input-clear" placeholder="语音输入"> <input type="text" class="mui-input-speech mui-input-clear" placeholder="语音输入">
</div> </div>
<div class="mui-button-row"> <div class="mui-button-row">
<button class="mui-btn mui-btn-primary" onclick="return false;">确认</button>&nbsp;&nbsp; <button type="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-danger" onclick="return false;">取消</button>
</div> </div>
</form> </form>
<div class="mui-input-row" style="margin: 10px 5px;"> <div class="mui-input-row" style="margin: 10px 5px;">
......
examples/hello-mui/examples/list-with-input.html
View file @ ce116cfd
...@@ -44,13 +44,13 @@ ...@@ -44,13 +44,13 @@
</li> </li>
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
Item 1 Item 1
<button class="mui-btn"> <button type="button" class="mui-btn">
Button Button
</button> </button>
</li> </li>
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
Item 2 Item 2
<button class="mui-btn mui-btn-primary"> <button type="button" class="mui-btn mui-btn-primary">
Button Button
</button> </button>
</li> </li>
......
examples/hello-mui/examples/offcanvas-drag-left-plus-menu.html
View file @ ce116cfd
...@@ -53,7 +53,7 @@ ...@@ -53,7 +53,7 @@
4.Android手机按back键；5.Android手机按menu键 4.Android手机按back键；5.Android手机按menu键
</span>。 </span>。
<p style="margin: 10px 15px;"> <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> </p>
</div> </div>
......
examples/hello-mui/examples/offcanvas-drag-left.html
View file @ ce116cfd
...@@ -57,7 +57,7 @@ ...@@ -57,7 +57,7 @@
3.点击如下红色按钮<span class="android-only">；4.Android手机按back键；5.Android手机按menu键 3.点击如下红色按钮<span class="android-only">；4.Android手机按back键；5.Android手机按menu键
</span>。 </span>。
<p style="margin: 10px 15px;"> <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> </p>
</div> </div>
...@@ -117,7 +117,7 @@ ...@@ -117,7 +117,7 @@
<span class="android-only">4、Android手机按menu键；</span> <span class="android-only">4、Android手机按menu键；</span>
</p> </p>
<p style="padding: 5px 20px;margin-bottom: 5px;"> <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> </button>
</p> </p>
......
examples/hello-mui/examples/offcanvas-drag-right-plus-menu.html
View file @ ce116cfd
...@@ -53,7 +53,7 @@ ...@@ -53,7 +53,7 @@
4.Android手机按back键；5.Android手机按menu键 4.Android手机按back键；5.Android手机按menu键
</span>。 </span>。
<p style="margin: 10px 15px;"> <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> </p>
</div> </div>
......
examples/hello-mui/examples/offcanvas-drag-right.html
View file @ ce116cfd
...@@ -56,7 +56,7 @@ ...@@ -56,7 +56,7 @@
3.点击如下红色按钮<span class="android-only">；4.Android手机按back键；5.Android手机按menu键 3.点击如下红色按钮<span class="android-only">；4.Android手机按back键；5.Android手机按menu键
</span>。 </span>。
<p style="margin: 10px 15px;"> <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> </p>
</div> </div>
...@@ -115,7 +115,7 @@ ...@@ -115,7 +115,7 @@
<span class="android-only">4、Android手机按menu键；</span> <span class="android-only">4、Android手机按menu键；</span>
</p> </p>
<p style="padding: 5px 20px;margin-bottom: 5px;"> <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> </button>
</p> </p>
......
examples/hello-mui/index-menu.html
View file @ ce116cfd
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
3.点击如下红色按钮<span id="android-only">；4.Android手机按back键；5.Android手机按menu键 3.点击如下红色按钮<span id="android-only">；4.Android手机按back键；5.Android手机按menu键
</span>。 </span>。
<p style="margin: 10px 15px;"> <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> </p>
</div> </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