所有表单标签和占位符字体应大于 16px

mdjuwelranaseoe

去年为客户重新设计了整个用户界面后，我收到了他们首席执行官的一封电子邮件，上面写着“马库斯，它看起来很棒，但我什么都看不懂！”。

字体是 14px，这是 约旦手机号码数据 网页中相当标准的字体大小……但我的客户是在移动设备上查看此界面的。在为移动设备或年龄较大的受众设计时，文本大小至少应为 16px。

附注：点击任何低于 16px 的文本时，iOS 设备会放大，但如果文本为 16px 或以上，则不会放大，因为这被认为是不必要的。

58. 使用特定的 HTML 输入类型来显示正确的键盘

您是否曾注意到，在使用移动设备时，手机会根据您提出的问题显示不同的键盘？有时会显示“.com”按钮，而其他时候则会出现日期选择器？

移动输入类型

这一切都归功于 HTML 输入类型。对于移动表单设计来说，它们非常棒，您应该使用它们。有八种与表单设计相关的输入类型：

input type=”text” 显示普通移动设备键盘

input type=”email” 显示普通键盘加上 '@' 和 '.com'

input type=”tel” 显示数字 0-9 键盘

input type=”number”显示带有数字和符号的键盘

输入类型=”password” 这会隐藏在字段中输入的字符

输入类型=”date” 显示移动端的日期选择器

输入类型=”datetime” 显示手机的日期和时间选择器

输入类型=”month” 显示移动端的月份/年份选择器

现在轮到你了。