跳到主要内容

文本输入框

用于需要输入的场景，比如表单提交、搜索功能。

何时使用​

主要使用在需要输入的场景，可用于输入任意字符，比如用户名、账号等信息：

  • 用户注册、登录填写信息
  • 用户信息编辑，修改个人信息
  • 搜索功能
  • 聊天输入框

一、属性​

1. 数据​

image-20250619142836670

1.1 数据绑定：绑定父组件的数据源下的字段，详见数据绑定。

1.2 初始值：初始值是文本输入框的初始化的值，可以手动赋值也可以配置成视图参数。

2. 功能​

2.1 占位提示​

提示用户输入内容、格式等：

2.2 最大长度​

可设置用户输入的最大字符数，如手机号设置为 11 位：

2.3 前置标签​

  • 文字标签：

  • 徽标图标标签：

2.4 后置标签​

  • 文字标签：

  • 徽标图标标签：

2.5 前缀​

  • 文字前缀：

  • 图标前缀：

2.6 后缀​

  • 文字后缀：

  • 图标后缀：

2.7 展示字数​

当设置字符长度限制时，可通过该选项展示当前输入字数：

2.8 支持清除​

支持一键清空输入内容：

3. 外观​

3.1 尺寸​

支持小 / 中 / 大号尺寸：

3.2 显示边框​

可选择是否显示边框：

4. 状态​

详见通用状态

二、规则​

1. 表单校验​

2. 显示控制​

三、样式​

详见通用样式

四、常见使用场景​

1. 输入用户名​

Input_Scenario01

2. 个性签名输入框​

Input_Scenario02