Skip to content

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

增加disable radio/checkbox演示示例

parent ce116cfd
Show whitespace changes
Inline Side-by-side
Showing with 51 additions and 37 deletions
examples/hello-mui/examples/checkbox.html
View file @ eac743bb
...@@ -38,26 +38,34 @@ ...@@ -38,26 +38,34 @@
<div class="mui-card"> <div class="mui-card">
<form class="mui-input-group"> <form class="mui-input-group">
<div class="mui-input-row mui-checkbox mui-left"> <div class="mui-input-row mui-checkbox mui-left">
<label>Checkbox</label> <label>checkbox</label>
<input name="checkbox" type="checkbox" > <input name="checkbox" type="checkbox" >
</div> </div>
<div class="mui-input-row mui-checkbox mui-left"> <div class="mui-input-row mui-checkbox mui-left">
<label>Checkbox</label> <label>checkbox</label>
<input name="checkbox" type="checkbox" checked> <input name="checkbox" type="checkbox" checked>
</div> </div>
<div class="mui-input-row mui-checkbox mui-left">
<label>disabled checkbox</label>
<input name="checkbox" type="checkbox" disabled="disabled">
</div>
</form> </form>
</div> </div>
<h5 class="mui-content-padded">图标右对齐</h5> <h5 class="mui-content-padded">图标右对齐</h5>
<div class="mui-card"> <div class="mui-card">
<form class="mui-input-group"> <form class="mui-input-group">
<div class="mui-input-row mui-checkbox"> <div class="mui-input-row mui-checkbox">
<label>Checkbox</label> <label>checkbox</label>
<input name="checkbox1" type="checkbox" > <input name="checkbox1" type="checkbox" >
</div> </div>
<div class="mui-input-row mui-checkbox"> <div class="mui-input-row mui-checkbox">
<label>Checkbox</label> <label>checkbox</label>
<input name="checkbox1" type="checkbox" checked> <input name="checkbox1" type="checkbox" checked>
</div> </div>
<div class="mui-input-row mui-checkbox">
<label>disabled checkbox</label>
<input name="checkbox1" type="checkbox" disabled="disabled">
</div>
</form> </form>
</div> </div>
</div> </div>
......
examples/hello-mui/examples/radio.html
View file @ eac743bb
...@@ -29,22 +29,26 @@ ...@@ -29,22 +29,26 @@
<body> <body>
<header class="mui-bar mui-bar-nav"> <header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a> <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">单选框（Radio）</h1> <h1 class="mui-title">单选框（radio）</h1>
</header> </header>
<div class="mui-content"> <div class="mui-content">
<h5 class="mui-content-padded">图标左对齐</h5> <h5 class="mui-content-padded">图标左对齐</h5>
<div class="mui-card"> <div class="mui-card">
<form class="mui-input-group"> <form class="mui-input-group">
<div class="mui-input-row mui-radio mui-left"> <div class="mui-input-row mui-radio mui-left">
<label>Radio</label> <label>radio</label>
<input name="radio1" type="radio"> <input name="radio1" type="radio">
</div> </div>
<div class="mui-input-row mui-radio mui-left"> <div class="mui-input-row mui-radio mui-left">
<label>Radio</label> <label>radio</label>
<input name="radio1" type="radio" checked> <input name="radio1" type="radio" checked>
</div> </div>
<div class="mui-input-row mui-radio mui-left">
<label>disabled radio</label>
<input name="radio1" type="radio" disabled="disabled">
</div>
</form> </form>
</div> </div>
...@@ -52,18 +56,20 @@ ...@@ -52,18 +56,20 @@
<div class="mui-card"> <div class="mui-card">
<form class="mui-input-group"> <form class="mui-input-group">
<div class="mui-input-row mui-radio"> <div class="mui-input-row mui-radio">
<label>Radio</label> <label>radio</label>
<input name="radio1" type="radio"> <input name="radio1" type="radio">
</div> </div>
<div class="mui-input-row mui-radio"> <div class="mui-input-row mui-radio">
<label>Radio</label> <label>radio</label>
<input name="radio1" type="radio" checked> <input name="radio1" type="radio" checked>
</div> </div>
<div class="mui-input-row mui-radio">
<label>disabled radio</label>
<input name="radio1" type="radio" disabled="disabled">
</div>
</form> </form>
</div> </div>
</div>
</div>
</body> </body>
</html> </html>
\ No newline at end of file
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