国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

【譯】怎么樣構建HTML表單

hover_lew / 1177人閱讀

摘要:當你構建表單時,可以試著聽一下屏幕閱讀器如何讀取它,若聽起來很奇怪,那就有必要改進你的表單結構了。該規則必須在表單頭部以保證在用戶找到必填元素之前,屏幕閱讀器等無障礙設備能將其展示或讀給用戶。

系列文章說明

原文

在建立HTML表單時,最重要的一件事就是如何用正確的方式構建它。而之所以重要,原因有二:一是保證表單能被正確使用、二是這能保證你的表單是無障礙的(可以被能力不同的人使用)。而正因HTML表單的無障礙性很重要,故在本文中我們將了解如何使一個表單無障礙,這并不很難、只是有幾個技巧需要你了解下。

表單的靈活性決定了它們是HTML中最復雜的結構。通過使用專門的表單元素和屬性,我們可以建立任何形式的表單。也確實有過一些更豐富多彩的腳本技術如XForms(現已過時),但很不幸這些表單技術并未被各大瀏覽器廣泛應用。因此,我們往往得依賴Javascript來處理表單;但在本文中,我們只會詳細討論如何使用表單元素,若你想知道如何構建自定義表單組件,可參閱[怎樣創建定制表單組件]()。

整體結構 from元素

元素是用來正式定義表單的元素,其屬性決定了表單會有什么行為。當你想要建立一個HTML表單時,就必須以該元素開頭。很多無障礙技術或瀏覽器插件能夠檢測到元素,同時他們也實現了特殊的方式來讓表單更易于使用。

注:嚴禁把一個form元素嵌套在另一個里邊。那樣會導致不可預知的行為,具體取決于用戶使用了何種瀏覽器。

元素支持下列屬性,它們全是可選的:

元素的屬性

屬性名 默認值 描述
accept-charset UNKNOWN 一個空格分隔或逗號分隔的列表(HTML5中,只有空格可作為分隔符。),這個列表包括了服務器支持的字符編碼。瀏覽器以這些編碼被列舉的順序使用它們。默認值是一個保留字符串“UNKNOWN”。這個字符串指的是和包含這個form元素的文檔使用相同的編碼。
action 處理這個表單所提交信息的程序所在的URL。
autocomplete on 指示表單組件是否能夠擁有被瀏覽器自動補全的默認值。該屬性共有兩個可選值:onoff
enctype application/x-www-form-urlencoded 當 method 屬性值為 post 時, enctype 是提交form給服務器的內容的 MIME 類型 。可能的取值有:application/x-www-form-urlencoded (默認值)、multipart/form-data (用于一個 type 屬性設置為 "file" 的元素)、text/plain (HTML5)。
method get 瀏覽器使用這種 HTTP 方式來提交 form。可能的值有:post、get。
name 這個form的名字。一個文檔中的多個form當中,name必須唯一而不僅僅是一個空字符串。作為替代,最好使用id
novalidate (false) 這個布爾類型的屬性指示了,當提交時form是否沒有被驗證。
target _self 用一個關鍵字指示在何處展示提交表單后收到的響應,展示的地方可以是