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

相关文章

来自专栏大前端开发

使用mpvue开发小程序教程(五)

在上一章节中,我们了解了组件的三个基本特性以及组件的基本使用方法。在实际的小程序开发中,我们应该以组件的思维去设计每个小程序的功能页面,对其进行合理的组件拆分,...

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

深挖data URI性能瓶颈

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

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

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

1956
来自专栏数据小魔方

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

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

4596
来自专栏用户2442861的专栏

我的VS2010+VAssistX

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

1121
来自专栏移动开发之家

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

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

7293
来自专栏DeveWork

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

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

2057
来自专栏后端之路

被低估的前端模块化

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

25710
来自专栏前端架构

vue2.x入坑总结—回顾对比angularJS/React的一统

从感性的角度讲,我是不屑于用VUE,觉得react套件用起来更顺手,但是vue现在越来火,所以也不得入vue(杂烩汤)的坑。

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

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

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

1392

扫码关注云+社区