Input 输入框
通过鼠标或键盘输入内容,是最基础的表单域的包装。
何时使用
- 需要用户输入表单域内容时。
- 提供组合型输入框,带搜索的输入框,还可以进行大小选择。
代码演示
基本使用
三种大小
前缀和后缀
¥RMB
用户名
状态
API
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| allowClear | 可以点击清除图标删除内容 | boolean | false |
| bordered | 是否有边框 | boolean | true |
| disabled | 是否禁用状态 | boolean | false |
| prefix | 带有前缀图标的 input | ReactNode | - |
| size | 控件大小 | large | middle | small | middle |
| status | 设置校验状态 | error | warning | - |
| suffix | 带有后缀图标的 input | ReactNode | - |
| value | 输入框内容 | string | - |
| onChange | 输入框内容变化时的回调 | function(e) | - |