HTML5表單新增元素與屬性

2021-07-11 19:28:56 字數 1647 閱讀 8244

在html4中,表單內的從屬元素必須書寫在 表單內部,而在html5中,可以把它們書寫在頁面上任何地方,然後為該元素指定乙個form屬性,屬性值為該表單的id,這樣就可以宣告該元素從屬於指定表單

以前(1)表單內元素的formaction屬性

在html4中,乙個表單內的所有元素只能通過表單的action屬性被統一提交到另乙個頁面,而在html5中可以為所有的提交按鈕,增加不同的formaction屬性,使單機不同的按鈕時可以將表單提交到不同的頁面。

(2)表單內元素的formmethod屬性

在html4中,乙個表單內只能有乙個action屬性用來對表單內所有元素統一指定提交頁面,所以每個表單內頁只要乙個method屬性來統一指定提交方法。在html5中,可以使用formmethod屬性來對每乙個表單元素指定不同的提交方法。

(3)表單內元素的formenctype屬性

在html4中,表單元素具有乙個enctype屬性,改屬性用於指定在表單傳送到伺服器之前應該如何對表單的資料進行編碼。

在html5中,可以使用formenctype屬性對表單元素分別指定不同的編碼方式。

(3)表單內元素的formtarget屬性

在html4中,表單元素具有乙個target屬性,該屬性用於指定在何處開啟表單調校後所需要載入的頁面。

在html5中,可以對多個按鈕分別使用formtarget屬性來指定提交後在何處開啟所需載入的頁面。

(4)表單內元素的autofocus屬性

為文字框、選擇框或按鈕控制項加上autofocus屬性,當頁面開啟時,該控制項自動獲得游標焦點。

(5)表單內元素的required屬性

在html5中新增的required屬性可以應用在大多數輸入元素上,在提交時,如果元素中的內容為空白,則不允許提交,同是在瀏覽器中顯示資訊提示文字。

(6)表單內元素的labels屬性

在html5中,為所有使用標籤的表單元素、button、select元素等,定義乙個labels屬性,屬性值唯一個nodelist物件,代表該元素所繫結的標籤預算構成的集合。

HTML5表單新增元素和屬性 1

指定乙個form屬性,屬性值為改表單的id,這樣就可以宣告該元素從屬於指定的表單了。charset utf 8 formtitle head charset utf 8 title head 使用 formmethod屬性來對每乙個表單元素分別指定不同的提交方法 charset utf 8 titl...

html5 新增元素 全域性屬性

html5的優點 1 可以跨平台,不受平台的限制 2 解決了相容性的問題 3 各大知名瀏覽器都支援 xhtml和html5的區別 1 語法的改變 2 新增元素和廢除元素 3 新增屬性和廢除屬性 4 全域性屬性 語法的變化 一 1 doctype宣告 2 制定字元編碼 語法的變化 二 建議寫吧。嚴謹點...

HTML5新增元素及使用 表單篇

在html5中表單元素可放在表單之外,通過給該元素新增form屬性來指向目標表單 form屬性值設為目標表單id 即可。html5給提交按鈕 如button submit image等 增加了formaction屬性,以便提交到不同的伺服器位址。formaction new.html type su...