输入框
适用场景
用于文字类信息的输入。
组件能力及示例
- 支持多种文本类型的校验,例如数字、邮箱、身份证号码、密码等;
- 支持设置标签、标签布局、提示文字、默认值、前置内容、后置内容等;
- 支持设置各种校验规则,是否必填、最大字符等,并支持通过正则表达式设置校验规则;
组件属性
属性/样式 | 说明 |
---|---|
标签文本 | 设置表单组件的标题 |
位置 | 设置标题的位置 |
对齐方式 | 设置标题的对齐方式 |
宽度 | 设置标题的宽度 |
字段类型 | 设置字段类型 |
默 认值 | 设置默认值 |
前置内容 | 设置输入框前附加内容 |
后置内容 | 设置输入框后附加内容 |
是否开启计数提示 | 设置是否显示字数统计 |
是否必填 | 设置是否为必填字段 |
正则 | 添加正则校验,验证失败时显示错误信息 |
有效的 | 设置有效性校验 |
错误信息 | 设置校验失败是的错误消息提示 |
引导文字 | 设置输入的占位符文本 |
提示 | 设置有关当前输入的帮助文本 |
是否可见 | 控制组件是否可见 |
是否禁用 | 控制组件是否禁用 |
是否只读 | 控制组件是否只读 |
加载动画 | 控制组件的加载动画 |
高度 | 设置组件高度: 自动高度——根据组件内容自动高度 带限制的自动高度——需要设置组件的最小高度和最高高度,组件将在这个范围内自动高度 固定高度——固定组件的高度,内容超出高度时出现滚动条 |
组件事件
事件 | 说明 |
---|---|
onTextChanged | 值发生改变时触发 |
onFocus | 组件获取焦点时触发 |
onBlur | 组件失去焦点时触发 |