原文在这里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









网友评论