資訊專(zhuān)欄INFORMATION COLUMN
摘要：當(dāng)你構(gòu)建表單時(shí)，可以試著聽(tīng)一下屏幕閱讀器如何讀取它，若聽(tīng)起來(lái)很奇怪，那就有必要改進(jìn)你的表單結(jié)構(gòu)了。該規(guī)則必須在表單頭部以保證在用戶(hù)找到必填元素之前，屏幕閱讀器等無(wú)障礙設(shè)備能將其展示或讀給用戶(hù)。
系列文章說(shuō)明
原文
在建立HTML表單時(shí)，最重要的一件事就是如何用正確的方式構(gòu)建它。而之所以重要，原因有二：一是保證表單能被正確使用、二是這能保證你的表單是無(wú)障礙的（可以被能力不同的人使用）。而正因HTML表單的無(wú)障礙性很重要，故在本文中我們將了解如何使一個(gè)表單無(wú)障礙，這并不很難、只是有幾個(gè)技巧需要你了解下。
表單的靈活性決定了它們是HTML中最復(fù)雜的結(jié)構(gòu)。通過(guò)使用專(zhuān)門(mén)的表單元素和屬性，我們可以建立任何形式的表單。也確實(shí)有過(guò)一些更豐富多彩的腳本技術(shù)如XForms（現(xiàn)已過(guò)時(shí)），但很不幸這些表單技術(shù)并未被各大瀏覽器廣泛應(yīng)用。因此，我們往往得依賴(lài)Javascript來(lái)處理表單；但在本文中，我們只會(huì)詳細(xì)討論如何使用表單元素，若你想知道如何構(gòu)建自定義表單組件，可參閱[怎樣創(chuàng)建定制表單組件]()。
整體結(jié)構(gòu) from元素元素是用來(lái)正式定義表單的元素，其屬性決定了表單會(huì)有什么行為。當(dāng)你想要建立一個(gè)HTML表單時(shí)，就必須以該元素開(kāi)頭。很多無(wú)障礙技術(shù)或?yàn)g覽器插件能夠檢測(cè)到元素，同時(shí)他們也實(shí)現(xiàn)了特殊的方式來(lái)讓表單更易于使用。
注：嚴(yán)禁把一個(gè)form元素嵌套在另一個(gè)里邊。那樣會(huì)導(dǎo)致不可預(yù)知的行為，具體取決于用戶(hù)使用了何種瀏覽器。
元素支持下列屬性，它們?nèi)强蛇x的：
元素的屬性
| 屬性名 | 默認(rèn)值 | 描述 |
|---|---|---|
| accept-charset | UNKNOWN | 一個(gè)空格分隔或逗號(hào)分隔的列表（HTML5中，只有空格可作為分隔符。），這個(gè)列表包括了服務(wù)器支持的字符編碼。瀏覽器以這些編碼被列舉的順序使用它們。默認(rèn)值是一個(gè)保留字符串“UNKNOWN”。這個(gè)字符串指的是和包含這個(gè)form元素的文檔使用相同的編碼。 |
| action | 處理這個(gè)表單所提交信息的程序所在的URL。 | |
| autocomplete | on | 指示表單組件是否能夠擁有被瀏覽器自動(dòng)補(bǔ)全的默認(rèn)值。該屬性共有兩個(gè)可選值：on或off。 |
| enctype | application/x-www-form-urlencoded | 當(dāng) method 屬性值為 post 時(shí), enctype 是提交form給服務(wù)器的內(nèi)容的 MIME 類(lèi)型 。可能的取值有：application/x-www-form-urlencoded (默認(rèn)值)、multipart/form-data (用于一個(gè) type 屬性設(shè)置為 "file" 的元素)、text/plain (HTML5)。 |
| method | get | 瀏覽器使用這種 HTTP 方式來(lái)提交 form。可能的值有:post、get。 |
| name | 這個(gè)form的名字。一個(gè)文檔中的多個(gè)form當(dāng)中，name必須唯一而不僅僅是一個(gè)空字符串。作為替代，最好使用id。 | |
| novalidate | (false) | 這個(gè)布爾類(lèi)型的屬性指示了，當(dāng)提交時(shí)form是否沒(méi)有被驗(yàn)證。 |
| target | _self | 用一個(gè)關(guān)鍵字指示在何處展示提交表單后收到的響應(yīng)，展示的地方可以是 |