跳到主要内容
input
输入框组件用于接收用户输入的文本信息,可以设置不同的类型、大小、前缀、后缀等属性。

基本定义

概述

需要用户输入表单域内容时。提供组合型输入框,带搜索的输入框,还可以进行大小选择

构成元素

input

状态

input

尺寸

  • S 高度:24px 宽度:遵循页面栅格化
  • M 高度:32px 宽度:遵循页面栅格化
  • L 高度:40px 宽度:遵循页面栅格化

用法

什么时候使用

  • 用户需要输入一个简短的单行文本或数字。
  • 用户需要输入密码、电话号码或电子邮件地址。
  • 用户需要从大量数据中选择单个项目(例如超过 200 个项目)。
  • 用户需要通过搜索多个属性(例如 ID、城市和名称)来查找对象。将此控件与自动完成建议功能和值,帮助选项结合使用。

什么时候不使用

  • 用户需要输入日期和时间。在这种情况下,请使用日期选择器或时间选择器。
  • 用户需要进行搜索。在这种情况下,请使用搜索框。
  • 用户需要选择多个值。在这种情况下,使用下拉框。

相关资源

同类组件