文字输入

内容的输入

1. 功能介绍

用于文字/数字类型内容的输入
在小程序制作中,该组件常被用于搜索框以及输入框使用

2. 修改样式

2.1 字号

字号(font size):文字大小

2.2 光标与键盘距离

光标与键盘的距离(cursor spacing):聚焦后弹出的键盘与输入框的距离

2.3 密码输入框

密码输入框(is password):输入时候加密文本

2.4 自动聚焦

自动聚焦(is focused):打开此设置后,进入有该文字输入组件的页面,会自动弹出键盘,并可以直接输入内容

2.5 多行、对齐、圆角

  • 多行:打开后输入文字宽度超过组件可以换行显示
    ⚠️注意点:输入框如果是多行且是自适应高度的话,它的最小值是不会生效的

  • 对齐:左/中/右,三种对齐方式

  • 圆角:组件的圆角, 可以输入或者拖拽修改, 默认是5

2.6 颜色

  • 背景颜色(background color):组件背景色
  • 文字颜色(text color):输入文字的颜色
  • 占位符颜色(placeholder color):提示文本颜色

3. 数据绑定

3.1 占位符

未输入之前的提示文本

3.2 类型(type)

  • 文字(text):默认类型,输出文字类型值
  • 数字(numeric):数字类型,只能输入数字(默认值不能为空,会编译报错!)
    解决方案: 不想设置默认值但是又不希望报错时可以添加个数字类型的页面数据, 默认值设置为页面数据
    报错信息: Invalid data binding: {"conditionsToVerify":[],"type":"FLOAT8","valueBinding":{"kind":"empty"},"mRef":"kvgjs9nn"}

3.3 默认值(default value)

在用户没有输入值之前默认的值

  • 默认值只会在进入页面的时候赋值, 后续再去修改默认值也不会修改文字输入组件的内容
  • 注意⚠️: 禁止输入框的默认值选择自身, 无限循环依赖

4. 行为

4.1 改变时行为(actions on change)

输入的值发生改变时触发的行为

4.2 改变时重复触发的时长(on change debounce time)

每次输入值发生改变后触发行为的时间间隔,防止太频繁的触发行为(输入毫秒数, 1000ms = 1s)

4.3 失去焦点时行为(actions on blur)

失去焦点后触发的行为

需要更多帮助

未能解决您的问题?跳转社区进行话题讨论

2022-08-22
0 0