iOS12界面设计指南之视图(Controls)–文本输入框(Text Fields)

引自《iOS12界面交互设计规范(iOS 12 Human Interface Guidelines)》

 

一个文本输入框通常为单行且固定高度的区域,经常为圆角,且当用户点击时自动弹出键盘。文本输入框通常被用来作为一小部分信息的输入模块,比如邮件地址。

在文本输入框中显示必要的提示信息以达到帮助用户交流的目的(Show a hint in a text field to help communicate purpose.)文本输入框可以包含占位符文本,如“电子邮件”或“密码”——当字段中没有其他文本时。当占位符文本足够时,可以不用使用单独的标签来描述文本输入框。

在适当的时候使用安全文本输入框(Use secure text fields when appropriate.)当应用程序请求敏感数据(如密码)时,始终使用安全文本输入框。

邮件地址输入键盘

电话号码输入键盘

显示适当的键盘类型(Show the appropriate keyboard type. )iOS提供了几种不同的键盘类型,每种键盘都是为了方便不同类型的输入而设计的。为了简化数据输入,编辑文本字段时显示的键盘应该适合于字段中的内容类型。例如,如果你的应用程序需要一个电子邮件地址,它应该显示电子邮件地址键盘。

使用图像和按钮来提供文本输入框的清晰性和功能性(Use images and buttons to provide clarity and functionality in text fields.)可以在文本输入框的左侧或右侧显示自定义图像,也可以添加系统提供的按钮,如书签按钮。在一般情况下,使用文本框的左端显示所需输入字段的目的和右侧用来显示一些其它的附加功能,如书签。

在适当的时候,在文本输入框的右端显示一个清晰的按钮(Display a Clear button in the right end of a text field when appropriate. )当这个元素出现时,点击它可以清除文本输入框所输入的内容,从而不必一直点击删除键。