Skip to content

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

增加disable radio/checkbox演示示例

parent ce116cfd
Hide 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 @@
<div class="mui-card">
<form class="mui-input-group">
<div class="mui-input-row mui-checkbox mui-left">
<label>Checkbox</label>
<label>checkbox</label>
<input name="checkbox" type="checkbox" >
</div>
<div class="mui-input-row mui-checkbox mui-left">
<label>Checkbox</label>
<label>checkbox</label>
<input name="checkbox" type="checkbox" checked>
</div>
<div class="mui-input-row mui-checkbox mui-left">
<label>disabled checkbox</label>
<input name="checkbox" type="checkbox" disabled="disabled">
</div>
</form>
</div>
<h5 class="mui-content-padded">图标右对齐</h5>
<div class="mui-card">
<form class="mui-input-group">
<div class="mui-input-row mui-checkbox">
<label>Checkbox</label>
<label>checkbox</label>
<input name="checkbox1" type="checkbox" >
</div>
<div class="mui-input-row mui-checkbox">
<label>Checkbox</label>
<label>checkbox</label>
<input name="checkbox1" type="checkbox" checked>
</div>
<div class="mui-input-row mui-checkbox">
<label>disabled checkbox</label>
<input name="checkbox1" type="checkbox" disabled="disabled">
</div>
</form>
</div>
</div>
......
examples/hello-mui/examples/radio.html
View file @ eac743bb
......@@ -29,41 +29,47 @@
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">单选框（Radio）</h1>
</header>
<div class="mui-content">
<h5 class="mui-content-padded">图标左对齐</h5>
<div class="mui-card">
<form class="mui-input-group">
<div class="mui-input-row mui-radio mui-left">
<label>Radio</label>
<input name="radio1" type="radio">
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">单选框（radio）</h1>
</header>
<div class="mui-content">
<h5 class="mui-content-padded">图标左对齐</h5>
<div class="mui-card">
<form class="mui-input-group">
<div class="mui-input-row mui-radio mui-left">
<label>radio</label>
<input name="radio1" type="radio">
</div>
<div class="mui-input-row mui-radio mui-left">
<label>radio</label>
<input name="radio1" type="radio" checked>
</div>
<div class="mui-input-row mui-radio mui-left">
<label>disabled radio</label>
<input name="radio1" type="radio" disabled="disabled">
</div>
</form>
</div>
<div class="mui-input-row mui-radio mui-left">
<label>Radio</label>
<input name="radio1" type="radio" checked>
<h5 class="mui-content-padded">图标右对齐</h5>
<div class="mui-card">
<form class="mui-input-group">
<div class="mui-input-row mui-radio">
<label>radio</label>
<input name="radio1" type="radio">
</div>
<div class="mui-input-row mui-radio">
<label>radio</label>
<input name="radio1" type="radio" checked>
</div>
<div class="mui-input-row mui-radio">
<label>disabled radio</label>
<input name="radio1" type="radio" disabled="disabled">
</div>
</form>
</div>
</form>
</div>
<h5 class="mui-content-padded">图标右对齐</h5>
<div class="mui-card">
<form class="mui-input-group">
<div class="mui-input-row mui-radio">
<label>Radio</label>
<input name="radio1" type="radio">
</div>
<div class="mui-input-row mui-radio">
<label>Radio</label>
<input name="radio1" type="radio" checked>
</div>
</form>
</div>
</div>
</div>
</body>
</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