Skip to content

Input 输入框

基础的表单输入组件,支持前缀、后缀图标等功能。

基础用法

图标输入框

通过 prefixsuffix 属性设置输入框前后缀图标。

密码输入框

通过设置 type="password" 可以创建密码输入框。

禁用状态

通过设置 disabled 属性,可以将输入框设置为禁用状态。

格式化输入

通过设置 mask 属性,可以对输入内容进行格式化。例如,可以用于格式化电话号码、日期等(使用mask属性必须设置type='text')。

正则表达式

通过正则表达式,你可以限制输入内容的格式。例如,下面的示例限制只能输入1-6开头的最多6位数字。

属性

属性名说明类型默认值
type输入框类型'text' | 'password''text'
placeholder输入框占位文本string-
disabled是否禁用booleanfalse
prefix前缀图标string-
suffix后缀图标string-
mask输入格式化规则string-
modelValue绑定值string | number-