Human Interface Guidelines — Text Fields

自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚

Text Fields

Human Interface Guidelines链接:Text Fields

Text Field

Text Field 是单行、固定高度的 field,通常带有圆角,当用户点击它时会自动弹出键盘。

使用 text field 来获取少量信息,例如电子邮件地址。

使用时注意

·在 text field 中显示提示以帮助明确目的。

当 field 中没有其他文本时, text field 可以包含占位符文本(如“电子邮件”或“密码”)。 占位符文本足够表达意思时,请勿使用单独的 lable 来描述text field。

·适当时在文本字段的右端显示一个清除按钮

 当存在清除按钮元素时,点击它将清除文本字段的内容,而不需要一直点击删除键。

·适当时使用安全 text fields

 当您的应用程序询问敏感数据(如密码)时,请始终使用安全的 text fields。

·使用图像和按钮在 text fields 中提供明确性和功能性

 您可以在 text fields 的左侧或右侧显示自定义图像,也可以添加系统提供的按钮,例如书签按钮。 通常,使用 text fields 的左端来表示 fields 的用途,右端用于指示附加功能(如书签)的存在。


Keyboards

使用时注意

·显示适当的键盘类型

iOS提供了几种不同的键盘类型,每种类型都被设计为便于不同类型的输入。 为了提高数据输入效率,编辑 text fields 时弹出的键盘应该适合该  fields 中的内容类型。 例如,如果app 要求输入电子邮件地址,则应显示电子邮件地址键盘。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Android自学

给WordPress文章添加类似说说的状态样式

1223
来自专栏猛牛哥的博客

OD常用断点

1252
来自专栏漫漫全栈路

ASP.NET MVC学习笔记04数据传递

上一篇的末尾讲到了,在了解模型之前,先来看看ASP.NET MVC是如何将数据从控制器传递给视图的。 ---- 简单梳理一下: 控制器想要请求的URL,控...

3406
来自专栏自动化测试实战

《selenium2 python 自动化测试实战》(4)——鼠标事件

3444
来自专栏程序员互动联盟

linux设备驱动第二篇:如何写一个简单内核驱动?

上一篇介绍了linux驱动的概念,以及linux下设备驱动的基本分类情况及其各个分类的依据和差异,这一篇我们来描述如何写一个类似hello world的简单测试...

3429
来自专栏JAVA同学会

JMeter基本元素简介

测试计划对象有一个复选框叫做“Functional Testing”(函数测试模式),如果选中,它将使jmeter记录服务端返回的每一个样例的数据,如果你在测试...

822
来自专栏锦小年的博客

python学习笔记5.3-包的创建

包,也可以称为库,是具有很多功能的一个集合体。本文主要介绍如何自己创建一个包,以及介绍一些在包的创建过程中的技巧。 1. 包的创建 本文的例子将使用最复杂的情况...

1988
来自专栏L宝宝聊IT

Linux防火墙基础与编写防火墙规则

1897
来自专栏数值分析与有限元编程

Visual Studio 查看函数或者变量定义

Visual Studio号称宇宙级IDE,其功力自然了得。现在来说一说查看函数或者变量定义这个实用功能。我们知道,Fortran语言的变量必须提前声明,这样...

2715
来自专栏开源项目

码云推荐 | 高德地图位置选择器

bootstrap.AMapPositionPicker 是一款基于高德地图的位置选择插件,使用jQuery开发。 ? 概述 bootstrap.AMapPos...

2715

扫码关注云+社区