JavaScript/表格

使用鼠标

图片

使用鼠标

图片

许多用户熟悉在网页上填写表格，然后点击“提交”按钮。JavaScript至少有两种方法可以改善此过程。

• JavaScript 可用于在数据发送到服务器之前检查数据。
  • JavaScript可以预先验证数据，以在用户点击“提交”按钮之前，用户填写表格时立即捕获常见错误并提出改进建议。
  • JavaScript可以将键入到文本区域中的文本在页面中的另一个区域进行预渲染，这样人们就可以在点击“预览”按钮之前查看它将如何渲染和格式化。
  • JavaScript可以提供键入到文本区域中的文本的实时字数或字符数。
• 有时网站会进行仅包含少量数据的“在线”计算，并将结果返回给用户。在这种情况下，JavaScript可以拦截“提交”按钮，在浏览器中本地执行整个计算。用户几乎立即获得结果，而不是等待他键入的数据发送到服务器，等待服务器处理该数据，然后等待数据从服务器返回。

许多人建议让所有内容对残疾人和禁用 JavaScript 的人来说都是可访问的。一种方法是从标准 HTML 表格开始，然后添加非侵入式 JavaScript 来改善对启用 JavaScript 的用户的用户体验。系统应该优雅降级，无论任何或所有 JavaScript 是否成功运行，都保持所有内容可用（并在必要时验证用户数据）。

进一步阅读

• JavaScript/使用文件 提到了 HTML 表格的一种用途
• 超文本标记语言/表格 解释了如何在没有 JavaScript 的情况下编写“普通”表格。