html5系列 form 2 0 新結構

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

以往的一個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 新特性,拖放

html5 拖放 drag 和 drop 例 html js var box1div msgdiv img1 window onload f...

HTML5的5個的新特性

特性1 正規表示式 無須使用服務端的檢測,使用瀏覽器的本地功能,就可以幫助你判斷郵箱的格式,url, ,防止使用者輸入錯誤的資訊,通過h5的...

HTML5 高階系列 web Storage

html5 的 web storage 儲存方式有兩種 localstorage 和 sessionstorage。 這兩種方式都是通過鍵值...