ant-design/components/form/demo/disabled.md

57 lines
1.4 KiB
Markdown
Raw Normal View History

2015-07-07 11:25:16 +08:00
# 禁用状态
2015-06-15 20:24:01 +08:00
2015-07-07 23:45:46 +08:00
- order: 3
2015-06-15 20:24:01 +08:00
2015-07-07 11:25:16 +08:00
1) 单独为输入框设置 `disabled` 属性;
2) 为 `<fieldset>` 设置 `disabled` 属性,可以禁用 `<fieldset>` 中包含的所有控件。
2015-06-15 20:24:01 +08:00
---
````html
<h4>禁用的表单控件</h4>
2015-07-07 23:45:46 +08:00
<form class="ant-form-horizontal">
<div class="ant-form-item">
<label class="col-5">禁用的输入框:</label>
<div class="col-12">
<input class="ant-input" type="text" value="我是禁用的" disabled>
</div>
</div>
</form>
2015-07-07 11:25:16 +08:00
<br />
2015-06-15 20:24:01 +08:00
2015-07-07 23:45:46 +08:00
<h4>禁用的 fieldset</h4>
<form class="ant-form-horizontal">
2015-06-15 20:24:01 +08:00
<fieldset disabled>
<div class="ant-form-item">
2015-07-07 23:45:46 +08:00
<label for="disabledTextInput" class="col-5">Input:</label>
<div class="col-12">
<input type="text" id="disabledTextInput" class="ant-input" placeholder="Disabled input">
</div>
</div>
<div class="ant-form-item">
<label for="disabledSelect" class="col-5">Select:</label>
<div class="col-12">
<select id="disabledSelect" class="ant-input">
<option>Disabled select</option>
</select>
</div>
2015-06-15 20:24:01 +08:00
</div>
<div class="ant-form-item">
2015-07-07 23:45:46 +08:00
<div class="ant-checkbox col-14 col-offset-5">
<label>
<input type="checkbox"> checkbox
</label>
</div>
2015-06-15 20:24:01 +08:00
</div>
2015-07-07 23:45:46 +08:00
<div class="row">
<div class="col-14 col-offset-5">
<input type="submit" class="ant-btn ant-btn-primary" value="确定">
</div>
2015-06-15 20:24:01 +08:00
</div>
</fieldset>
</form>
````