Input 单行文本输入框

Input 用于输入单行文本。

组件尺寸

分为两种尺寸:“大尺寸”、“小尺寸”。

大尺寸的组件高度为 40px,小尺寸的组件高度为 32px,组件的其他大小不变。

组件类型及状态

组件分为两种类型:“带背景的输入框” 和 “透明背景的输入框”。

带背景的输入框:

更强调 “输入” 的概念

默认显示 Placeholder,输入文本之后,文本颜色加深,获取焦点时背景颜色加深。

带背景的输入框

透明背景的输入框:

更强调 “浏览” 的概念

默认显示 Placeholder,输入文本之后,文本颜色加深,获取焦点时背景颜色加深。

透明背景的输入框