ant-design/components/form/demo/col-24-debug.md

66 lines
1.3 KiB
Markdown
Raw Normal View History

---
order: 9999
title:
zh-CN: 测试特殊 col 24 用法
en-US: Test col 24 usage
debug: true
---
## zh-CN
See issue [#32980](https://github.com/ant-design/ant-design/issues/32980).
## en-US
See issue [#32980](https://github.com/ant-design/ant-design/issues/32980).
```tsx
import { Form, Input, Button } from 'antd';
const Demo = () => {
const onFinish = (values: any) => {
console.log('Success:', values);
};
const onFinishFailed = (errorInfo: any) => {
console.log('Failed:', errorInfo);
};
return (
<Form
name="basic"
labelCol={{ span: 24 }}
wrapperCol={{ span: 24 }}
initialValues={{ remember: true }}
onFinish={onFinish}
onFinishFailed={onFinishFailed}
autoComplete="off"
>
<Form.Item
label="Username"
name="username"
rules={[{ required: true, message: 'Please input your username!' }]}
>
<Input />
</Form.Item>
<Form.Item
label="Password"
name="password"
rules={[{ required: true, message: 'Please input your password!' }]}
>
<Input.Password />
</Form.Item>
<Form.Item>
<Button type="primary" htmlType="submit">
Submit
</Button>
</Form.Item>
</Form>
);
};
export default () => <Demo />;
```