输入框

分类

配置

示例

说明

内容

默认值

组件默认值

占位内容

占位内容

最大长度

允许输入字符的最大长度

密码模式

是否为密码模式

标签

表单标签 ，详情参见表单通用属性

扩展配置

组件前缀文字、图标，后缀文字、图标等设置

交互

隐藏

隐藏，详情参见通用属性

禁用

禁用，禁用后不可点击、选中

搜索

是否显示搜索按钮

校验

表单校验，详情参见表单通用属性

样式

外边距

外边距，详情参见通用属性

清除按钮

组件是否显示清除按钮

形态变体

组件的各种形态变体，不同形态的可添加的 CSS 样式有所不同

CSS 样式

圆角

组件圆角

字体大小

组件字体大小

背景颜色

组件背景颜色

边框色

组件边框色

激活态背景颜色

组件激活态背景颜色

激活态边框色

组件激活态边框色

激活态阴影

组件激活态阴影

悬浮态背景颜色

组件悬浮态背景颜色

悬浮态边框色

组件悬浮态边框色

前后缀文字背景色

组件前后缀文字背景色

标签字体大小

组件标签字体大小

名称

类型

示例

说明

value

string

input.value

当前输入内容

labelText

string

input.labelText

标签文字

disabled

boolean

input.disabled

是否禁用

maxLength

number

input.maxLength

占位内容

isPassword

boolean

input.isPassword

是否处于密码模式

placeholder

string

input.placeholder

内容为空时的提示文案

addonBefore

string

input.addonBefore

组件内部的前缀文字

addonAfter

string

input.addonAfter

组件内部的后缀文字

showSearch

boolean

input.showSearch

显示搜索

hidden

boolean

input.hidden

是否隐藏

validationStatus

boolean

input.validationStatus

组件校验后的状态

validationMessage

string

input.validationMessage

组件校验后的信息

blur

func

input.blur()

组件失去焦点

focus

func

input.focus()

组件获得焦点

validate

func

input.validate()

组件校验

setValue

func

input.setValue('')

设置组件内容

setDisabled

func

input.setDisabled(true)

设置组件禁用状态

setHidden

func

input.setHidden(true)

设置组件隐藏状态

clearValue

func

input.clearValue()

清除组件的 value 值

clearHidden

func

input.clearHidden()

清除组件的 hidden 值

clearValidate

func

input.clearValidate()

清除组件的校验状态

配置

说明

组件的值发生改变后触发的事件

组件获得焦点后触发的事件

组件失去焦点后触发的事件

组件内按下回车键后触发的事件