testing - 是否有针对网页的文本字段指南？

我正在尝试找出为网页实现文本字段的注意事项。我能想到的一些例子是

1) 考虑实时限制文本字段的长度与通知用户提交页面的长度限制

2) 特殊字符的处理，例如$!^*!( 等

3) 对特定文本字段类型的文本字段进行特殊验证，例如电子邮件字段、电话号码字段等。

如果有一份涵盖此类指南的文档，那就太好了。

最佳答案

输入字段类型 根据请求的内容提供适当类型的输入字段。每种类型的输入字段都有自己的特点，用户已经习惯了。例如，如果只允许多个选项中的一个选项，则使用单选按钮，如果允许多个选项，则使用复选框。

自定义输入字段 不要发明新类型的输入字段。这在 Flash 网站的早期很常见，现在似乎正在卷土重来；我见过一些用 jQuery 实现的奇怪的输入字段。简单的往往是最有用的。使输入字段尽可能接近其未更改的 HTML 呈现。

限制输入字段的格式 如果您需要限制用户输入的数据格式，那么至少要以不会激怒用户的方式进行。例如，不要在日期的文本字段旁边显示 MM/DD/YYYY，而是考虑使用三个下拉字段，或者更好的是，使用日历控件。

必填字段与可选字段 清楚地区分哪些输入字段不能被用户留空。惯例是使用星号 (*)。任何符号都可以，只要可以看到图例以指示其含义(即使它是星号)。 http://www.smashingmagazine.com/2011/11/08/extensive-guide-web-form-usability/

文本字段允许用户输入文本。它们可以是单行的，有或没有滚动，或多行，并且可以有一个图标。触摸文本字段会放置光标并自动显示键盘。除了键入之外，文本字段还允许执行各种其他任务，例如文本选择(剪切、复制、粘贴)和通过自动完成查找数据。文本选择设计参见模式 > 选择。

文本字段的类型决定了字段中允许使用哪种字符，并且可能会提示虚拟键盘针对常用字符优化其布局。您应该优化的常见类型包括数字、文本、电子邮件地址、电话号码、人名、用户名、URL、街道地址、信用卡号、PIN 和搜索查询。

关于testing - 是否有针对网页的文本字段指南？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28621152/