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 条评论
登录 后参与评论

相关文章

来自专栏世界第一语言是java

vue点击图片放大预览图片支持旋转等

提到图片放大预览,可能好多人想到的是lightbox,在vue中使用lightbox还挺麻烦,但是伸手党做习惯了,所以去github上搜索了一个,感觉效果很完美...

1012
来自专栏腾讯社交用户体验设计

深挖data URI性能瓶颈

1732
来自专栏移动开发之家

Flutter完整开发实战详解(二、 快速开发实战篇)

 作为系列文章的第二篇,继《Flutter完整开发实战详解(一、Dart语言和Flutter基础)》之后,本篇将为你着重展示:如何搭建一个通用的Flutter ...

4433
来自专栏DeveWork

解决七牛云存储缓存加速Gravatar 头像图片路径url 参数失效的问题

前天分享了《通过七牛云存储 缓存加速Gravatar头像,解决被墙问题》,不过这昨天发现通过七牛云存储缓存加速Gravatar 头像,会导致头像图片所在的路径 ...

1917
来自专栏用户2442861的专栏

我的VS2010+VAssistX

最近越来越觉得VAssistX好用,可能是以前没有去仔细研究过吧,也可能是因为我是个快捷键控吧,不管怎样,用或不用,方便或不方便,它就是那里,一动也不动,进入...

851
来自专栏dotnet core相关

datatables 配套bootstrap3样式使用小结(1)

公司CMS内容资讯站的后台管理界面用了大量的table来管理数据,试用了之后,感觉挺不错,推荐一下。

822
来自专栏数据小魔方

左手用R右手Python系列之——表格数据抓取之道

在抓取数据时,很大一部分需求是抓取网页上的关系型表格。 对于表格而言,R语言和Python中都封装了表格抓取的快捷函数,R语言中XML包中的readHTMLTa...

4196
来自专栏五毛程序员

五毛的cocos2d-x学习笔记06-处理用户交互

1292
来自专栏后端之路

被低估的前端模块化

对于前端的缓存主要包括静态资源的缓存 为避免出现类似问题参考 变态的静态资源缓存与更新 在经历了上传前端资源文件等之后测试发现了一堆问题 发现每一个出现问题的均...

24710
来自专栏偏前端工程师的驿站

JS魔法堂:IMG元素加载行为详解

一、前言                               在《JS魔法堂:jsDeferred源码剖析》中我们了解到img元素加载失败可以作为函数异...

1836

扫码关注云+社区