JavaScript/表格

使用滑鼠

圖片

使用滑鼠

圖片

許多使用者熟悉在網頁上填寫表格，然後點選“提交”按鈕。JavaScript至少有兩種方法可以改善此過程。

• JavaScript 可用於在資料傳送到伺服器之前檢查資料。
  • JavaScript可以預先驗證資料，以在使用者點選“提交”按鈕之前，使用者填寫表格時立即捕獲常見錯誤並提出改進建議。
  • JavaScript可以將鍵入到文字區域中的文字在頁面中的另一個區域進行預渲染，這樣人們就可以在點選“預覽”按鈕之前檢視它將如何渲染和格式化。
  • JavaScript可以提供鍵入到文字區域中的文字的即時字數或字元數。
• 有時網站會進行僅包含少量資料的“線上”計算，並將結果返回給使用者。在這種情況下，JavaScript可以攔截“提交”按鈕，在瀏覽器中本地執行整個計算。使用者幾乎立即獲得結果，而不是等待他鍵入的資料傳送到伺服器，等待伺服器處理該資料，然後等待資料從伺服器返回。

許多人建議讓所有內容對殘疾人和停用 JavaScript 的人來說都是可訪問的。一種方法是從標準 HTML 表格開始，然後新增非侵入式 JavaScript 來改善對啟用 JavaScript 的使用者的使用者體驗。系統應該優雅降級，無論任何或所有 JavaScript 是否成功執行，都保持所有內容可用（並在必要時驗證使用者資料）。

進一步閱讀

• JavaScript/使用檔案 提到了 HTML 表格的一種用途
• 超文字標記語言/表格 解釋瞭如何在沒有 JavaScript 的情況下編寫“普通”表格。