2012年3月5日

什麼是表單?

2022/6/20 更新
大家在網路上遨遊的時候,有可能遇到需要進行填寫表單的動作,但什麼是表單呢?NVDA 的提示好像都沒有這麼說……
其時你應該有碰到過,只是你不曉得原來那就是所謂的表單呀!

舉例來說,當你要登入 Gmail 信箱時,需要輸入帳號及密碼,這時可以供輸入帳密的框框就是表單的一種,輸入完後點選 [繼續] 按鈕也是表單的一種。
就網頁構成元素的角度來看,表單只是一個統稱,上述所提及的兩種項目雖然都是表單的一種,不過它們的外觀呈現、作用與操作方式不盡相同,因此我們會賦與不同的名稱加以區隔。

網頁上的表單元素可以有如下的類型:
  • 文字欄位:外觀通常為一長條型的框框,是一個可供輸入文字的區域,只能輸入一行文字,若為高度較高的長方形區域則可以輸入多行文字。
  • 按鈕:如「登入」、「提交」等一般都是設計成外觀為長方型按鈕的型式。
  • 下拉式方塊:外觀為一長條形框框,框內有文字,框框的右邊有一個向下三角形箭頭,這是一個多選一的清單,不過無法一次看到清單內的所有項目,框框內只會顯示選定的項目。
  • 核取方塊:為一個方框,框內有一勾勾表示選取,反之則沒選取。
  • 選擇鈕:為一個圓圈,圓圈內有一個黑點的話表示選取,反之則沒選取,選擇鈕項目至少會有兩項以上,因為它也是屬於多選一的類型,只能從其中選擇一項。

這幾種表單項目剛好和我們平常操作 Windows 視窗時在對話方塊裡會遇到的控制項類型是一樣的,不但外觀近似,就連鍵盤操作方式也幾乎是一模一樣,很有意思。

要注意的是,使用 NVDA 瀏覽網頁,移動到這些表單項目時不一定馬上就可以進行表單的操作,這與一般人的操作行為有所不同,NVDA 在瀏覽網頁時有分瀏覽模式與焦點模式兩種情況,切換時會有音效或語音提示方便使用者辨別。
以網頁上常見輸入帳號的文字欄位來說,若移動到文字欄位時有音效提示,代表已自動進入焦點模式,可以開始輸入帳號,在此同時你並沒有辦法移動到文字欄位以外的地方,要離開文字欄位,按 ESC 鍵,會有另一音效提示表示已切換到瀏覽模式,這樣就可以移動到頁面上的其它地方。
在瀏覽模式下移動到文字欄位的位置,若沒有自動進入可輸入文字的焦點模式,只有提示「編輯區」,此時只要按下 Enter 或 空格鍵 便可開始輸入文字。

經由以上的說明,相信你下次在瀏覽網頁時就不會被這些表單項目的操作搞得暈頭轉向了。