Input 输入框
基础的表单输入组件,支持前缀、后缀图标等功能。
基础用法
图标输入框
通过 prefix 和 suffix 属性设置输入框前后缀图标。
密码输入框
通过设置 type="password" 可以创建密码输入框。
禁用状态
通过设置 disabled 属性,可以将输入框设置为禁用状态。
格式化输入
通过设置 mask 属性,可以对输入内容进行格式化。例如,可以用于格式化电话号码、日期等(使用mask属性必须设置type='text')。
正则表达式
通过正则表达式,你可以限制输入内容的格式。例如,下面的示例限制只能输入1-6开头的最多6位数字。
属性
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| type | 输入框类型 | 'text' | 'password' | 'text' |
| placeholder | 输入框占位文本 | string | - |
| disabled | 是否禁用 | boolean | false |
| prefix | 前缀图标 | string | - |
| suffix | 后缀图标 | string | - |
| mask | 输入格式化规则 | string | - |
| modelValue | 绑定值 | string | number | - |
