输入框
使用场景
输入框承载文本内容,多用于填写内容提交、确认场景。
组件图标:
基本属性
序号 |
属性名 |
说明 |
设置器类型 |
可选值 |
默认值 |
支持变量绑定 |
---|---|---|---|---|---|---|
1 |
默认值 |
输入框展示的默认值 |
input输入框 |
- |
- |
√ |
2 |
类型 |
文本框的类型 |
select选择框 |
文本框/文本域 |
- |
√ |
3 |
占位符 |
placeholder文字内容,即输入框提示语言 |
input输入框 |
- |
- |
√ |
4 |
最大长度 |
控制输入框的长度大小 |
数字输入框 |
- |
- |
√ |
5 |
禁用 |
控制输入框不可输入 |
switch按钮 |
开/关 |
关 |
√ |
6 |
只读 |
文本框消失,只展示填写的内容 |
switch开关 |
开/关 |
关 |
√ |
属性详解
类型
文本框类型分为“文本框”和“文本域”。文本框,输入文本相对较少;文本域,可以输入一整个区域的文字。
占位符
用作输入框的提示文字。
只读
只读按钮打开后,input输入框消失,只展示输入框的文字。
高级事件
序号 |
事件名 |
触发条件 |
说明 |
---|---|---|---|
1 |
onBlur |
光标离开 |
鼠标光标从输入框离开触发回调 |
2 |
onFoucs |
光标聚焦 |
鼠标光标点击输入框触发回调 |
3 |
onChange |
文本变化 |
输入框文本发生变化触发回调 |
4 |
onInput |
输入文字 |
输入框键入文本的时候触发回调 |