CSS 表单(适用于相对新手)或易于与 jQuery 和 ASP Classic 一起实现的方法

Question

我正在经历一种拖延过度刺激的惊恐发作，因为我选择了一种在 CSS 中制作表单的方法，这种方法可以与 JQuery(在经典 ASP 或 .NET 上)一起工作并且可以访问。

我现在在可访问性/合规性方面遇到了很大的困难，所以我很害怕做出错误的选择。我很快就要在这里制作原型(prototype)了，我很着急。

我已经完成了一些 CSS 布局和调试，但是对于 DIV 和 FLOAT 并没有真正对多于一个字段的表单(不像 phone 或 zip)做太多。

Answer 1

如果您对可访问的表单感兴趣，请查看这两个站点:

http://www.jimthatcher.com/webcourse8.htm

http://www.alistapart.com/articles/prettyaccessibleforms

基本上，您希望在可能的情况下执行以下操作...

1. 在每个输入上包含一个type...对屏幕阅读器有帮助
2. 在每个元素上包含一个标题...对屏幕阅读器也有帮助
3. 使用彼此紧密相关的标签和输入(并排或一个在另一个之上)
4. 确保用户可以通过 Tab 键浏览表单，也就是说，他们不需要键盘来导航
5. 确保您的 CSS 允许元素在获得焦点时显示焦点。

此外，一些客户端(例如 javascript)验证也很有帮助。

您可能还想查看一些 HTML5 表单改进，这也有助于提高可访问性。

http://diveintohtml5.ep.io/forms.html