2015-07-07 11:25:16 +08:00
|
|
|
# 禁用状态
|
2015-06-15 20:24:01 +08:00
|
|
|
|
2015-10-29 08:41:51 +08:00
|
|
|
- order: 7
|
2015-06-15 20:24:01 +08:00
|
|
|
|
2015-10-25 11:35:03 +08:00
|
|
|
1) 单独为输入控件设置 `disabled` 属性;
|
2015-07-07 11:25:16 +08:00
|
|
|
|
|
|
|
2) 为 `<fieldset>` 设置 `disabled` 属性,可以禁用 `<fieldset>` 中包含的所有控件。
|
2015-06-15 20:24:01 +08:00
|
|
|
|
|
|
|
---
|
|
|
|
|
2015-10-09 15:44:10 +08:00
|
|
|
````jsx
|
2015-10-29 08:41:51 +08:00
|
|
|
import {Row, Col, Button, Input, Form} from 'antd';
|
|
|
|
const FormItem = Form.Item;
|
2015-10-09 15:44:10 +08:00
|
|
|
|
2015-10-25 11:35:03 +08:00
|
|
|
ReactDOM.render(
|
2015-10-29 08:41:51 +08:00
|
|
|
<Form horizontal>
|
|
|
|
<FormItem
|
|
|
|
label="单独禁用输入框:"
|
|
|
|
labelCol={{span:5}}
|
|
|
|
wrapperCol={{span:12}}>
|
|
|
|
<Input defaultValue="我是禁用的" disabled />
|
|
|
|
</FormItem>
|
2015-07-08 15:41:19 +08:00
|
|
|
|
2015-10-29 08:41:51 +08:00
|
|
|
<fieldset disabled>
|
|
|
|
<legend>禁用的 fieldset</legend>
|
|
|
|
<FormItem
|
|
|
|
id="userName"
|
|
|
|
label="用户名:"
|
|
|
|
labelCol={{span:5}}
|
|
|
|
wrapperCol={{span:12}}
|
|
|
|
required={true} >
|
|
|
|
<p className="ant-form-text">大眼萌 minion</p>
|
|
|
|
</FormItem>
|
|
|
|
<FormItem
|
|
|
|
id="password"
|
|
|
|
label="密码:"
|
|
|
|
labelCol={{span:5}}
|
|
|
|
wrapperCol={{span:12}}
|
|
|
|
required={true} >
|
|
|
|
<Input type="password" defaultValue="123456" id="password" />
|
|
|
|
</FormItem>
|
|
|
|
<Row>
|
|
|
|
<Col span="12" offset="5">
|
|
|
|
<Button htmlType="submit" type="primary">确定</Button>
|
|
|
|
</Col>
|
|
|
|
</Row>
|
|
|
|
</fieldset>
|
|
|
|
</Form>
|
2015-10-09 15:44:10 +08:00
|
|
|
, document.getElementById('components-form-demo-disabled'));
|
2015-06-15 20:24:01 +08:00
|
|
|
````
|