Skip to content

输入框

概述

通过鼠标或键盘输入内容,是最基础的表单域的包装。

何时使用

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

基础状态

输入框共有 7 种不同的状态,分别为:默认态、选中态、完成态、禁用态、加载态、成功态、报错态
输入框底色统一为白色,以兼容白底/灰底显示效果

尺寸

基于不同的业务场景可定义三种尺寸(大、默认、小),高度分别为 40px、32px 和 24px。

输入搜索

激活,搜索,选中,搜索无结果

输入框/可联想

常规,hover,激活,选中,不可用

长文本框

常规,激活,失焦,不可用,拉伸(输入框可拉伸),超出字数,提及,字数提示(非必选)

带单位输入框

常规,hover,激活,失焦,不可用,报错

带步进器输入框

常规,hover,激活,失焦,不可用,报错

带有搜索按钮/图标的输入框

允许定义不同强度的搜索按钮

前置/后置标签

用于配置一些固定组合

前缀/后缀

允许在输入框内添加前缀或后缀文本/图标

带字数提示

展示输入字数提示

无边框

输入框的区域尺寸不变,仅去掉边框描边