Controls - Text Fields

原文在这里Text Fields

Text Fields是一个单行且高度固定的控件，且当用户点击它时，会自动调出键盘。一般用于需要输入少量文字的情况，例如用户名，密码，邮箱的输入。

截屏2021-11-17 上午10.48.35.png

规范建议

• 请使用placeholder来提示当前Text Field需要输入的内容。一般不建议再使用单独的Label控件来做提示。

• 建议在文本字段尾端显示清除按钮，这样可以帮助用户一次性清除所有输入内容，否则当用户需要删除所有输入内容时，需要一直按delete键一个个删除。

• 对于需要隐藏的私人字段，例如密码等，请务必使用安全文本字段

• 推荐在文本的两端添加符合语意的图标，通常，使用文本字段的前端来指示字段的用途，后段提供附加的功能（例如书签）。

建议2和4是有点冲突的，我建议是头部显示提示图标，后段提供清除按钮，至于附加功能，由Text Field外的按钮来提供。

例如百度贴吧的这个：

截屏2021-11-17 上午11.22.02.png