html5系列 form 2 0 新結構

2022-08-05 14:03:25 字數 920 閱讀 3159

以往的乙個form表單,結構比較死板,所有的form元素都必須處在之間才有效,這會造成一些麻煩,比如說:像bootstrap這種使用來控制布局的框架,就相隔得非常遠了,也是相當彆扭的。

form 2.0並不要求form元素處在之間,只需要為其指定屬於哪個表單(甚至是「哪幾個表單」)即可,由此便衍生出以下的寫法:

first name: 

last name:

另外,每個form元素可以隸屬於多個form表單,換句話說,多個form表單可以共享同乙個form元素。用form屬性指定多個form表單時用空格分隔,如下所示:

網上的資料都把這一部分放到form 2.0 attribute來寫,但我認為form override attributesform 2.0的結構是有非常重大的影響的,因此放到這一塊來敘述。

表單重寫屬性有:

formaction - 重寫表單的 action 屬性

formenctype - 重寫表單的 enctype 屬性

formmethod - 重寫表單的 method 屬性

formnovalidate - 重寫表單的 novalidate 屬性

formtarget - 重寫表單的 target 屬性

以乙個例子來進行說明:

由此,可以利用form override attributes,設定多個提交按鈕來控制以不同的方式提交表單。

html5系列 form 2 0 新表單屬性

首先必須提到,html5對boolean型別的標籤屬性更傾向於使用html 4.01時代的傳統段語法形式,即只有屬性名而沒有屬性值,例如 html5有不少新的表單屬性,僅列出一些比較重要的 這個屬性用來開啟或關閉表單的 自動完成 功能 屬性值為 on 表示開啟,為 off 表示關閉 不填的話就看瀏覽...

html5系列 form 2 0 新表單屬性

首先必須提到,html5對boolean型別的標籤屬性更傾向於使用html 4.01時代的傳統段語法形式,即只有屬性名而沒有屬性值,例如 html5有不少新的表單屬性,僅列出一些比較重要的 這個屬性用來開啟或關閉表單的 自動完成 功能 屬性值為 on 表示開啟,為 off 表示關閉 不填的話就看瀏覽...

HTML5 智慧型form表單新屬性

xhtml中需要放在form之中的諸如inpu button select textarea等標籤元素,在html5中完全可以放在頁面任何位置,然後通過新增的form屬性指向元素所屬表單的id值,即可關聯起來。html5中確實新增了不少的新的屬性,給我們省去了好大的功夫去判斷。智慧型表單使用與規範 ...