我正在努力找到实现网页文本字段的做法和不做。我能想到的一些例子是
1）考虑实时限制文本字段的长度而不是通知用户提交页面的长度限制
2）处理特殊字符，例如$！^ *！（等等。
3）特定文本字段类型的文本字段的特殊验证，例如电子邮件字段，电话号码字段等。
如果有一份文件涵盖了这些指南，那将会很棒。
答案 0 :(得分：1)
输入字段的类型 根据请求提供适当类型的输入字段。每种类型的输入字段都有自己的特性，用户习以为常。例如，如果只允许一个选项，则使用单选按钮，如果允许多个选项，则使用复选框。
自定义输入字段 不要发明新类型的输入字段。这在Flash网站的早期很常见，似乎正在卷土重来;我见过用jQuery实现的一些奇怪的输入字段。简单通常是最有用的。保持输入字段尽可能接近未改变的HTML呈现。
限制输入字段的格式 如果您需要限制用户输入的数据格式，那么至少应该以不会刺激用户的方式进行。例如，不要在日期的文本字段旁边显示MM / DD / YYYY，而是考虑使用三个下拉字段，或者更好的是使用日历控件。
必填字段与可选字段 清楚地区分用户不能将哪些输入字段留空。惯例是使用星号（*）。任何符号都可以，只要图例可见以表示它的含义（即使它是星号）。 http://www.smashingmagazine.com/2011/11/08/extensive-guide-web-form-usability/
文本字段允许用户输入文本。它们可以是单行，有或没有滚动或多行，并且可以有一个图标。触摸文本字段会放置光标并自动显示键盘。除了键入外，文本字段还允许执行各种其他任务，例如文本选择（剪切，复制，粘贴）和通过自动完成查找数据。参见模式＆gt;选择文本选择设计。
文本字段的类型决定了字段内允许的字符类型，并可能提示虚拟键盘优化其常用字符的布局。您应优化的常见类型包括号码，文本，电子邮件地址，电话号码，人名，用户名，URL，街道地址，信用卡号，PIN和搜索查询。
要了解详情，请访问http://www.google.com/design/spec/components/text-fields.html