文本框 Text fields

概述

当用户需要输入文字内容时点击文本框，它将自动打开键盘。使用文本字段来请求少量信息，例如电子邮件地址等。

类型

金额输入

image.png

文本输入

image.png

密码输入

image.png

短信输入

image.png

选择输入

image.png

用法

清除按钮：在文本字段的右端显示一个清除按钮。当该元素存在时，点击它会清除文本字段的内容，从而无需继续点击Delete键。暗提示：最多一行，超过后文字截断

对齐格式：1.左侧标题和右侧暗提示分别左对齐2.左侧标题最多6个字，此时右侧暗提示右移与标题间隔10px

image.png

类型细节描述

选择输入

image.png

场景描述：适用于选择性输入的场景规范描述：1.左侧标题和右侧暗提示分别左对齐2.左侧标题最多6个字，此时右侧暗提示右移与标题间隔10px

 金额输入

image.png

场景描述：适用于提现、转账等涉及到金额输入的场景，规范描述：1.激活该输入框后出现清空图标2.金额超出限制后出现超出提示