输入框组件
输入框是用户界面中最基础的表单控件之一,用于接收用户的文本输入。我们的输入框组件提供多种样式、尺寸和状态,满足不同场景下的需求。
基础用法
基础的输入框组件,可接收用户输入的内容。
不同尺寸
提供了三种不同尺寸的输入框,适用于不同场景下的使用需求。
禁用状态
通过 disabled 属性指定是否禁用输入框。
带图标的输入框
带有图标标记的输入框,用于区分不同类型的输入内容。
带前缀/后缀的输入框
可以添加前缀或后缀标记,用于提示用户输入内容的格式。
密码输入框
提供显示/隐藏切换功能的密码输入框,增强用户体验。
文本域
可以输入多行文本的输入框,适用于需要输入较多内容的场景。
带验证的输入框
可以提供输入内容验证功能的输入框,包含成功和错误两种状态。
API
输入框组件的属性和类。
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
type | 输入框类型 | string | text |
value | 输入框内容 | string | - |
placeholder | 输入框占位文本 | string | 请输入内容 |
disabled | 是否禁用状态 | boolean | false |
size | 输入框尺寸,可选值为 small、default、large | string | default |
prefix | 输入框前缀内容 | string/icon | - |
suffix | 输入框后缀内容 | string/icon | - |