html5系列 form 2 0 新表單屬性

2021-07-08 14:08:35 字數 1327 閱讀 5230

首先必須提到,html5對boolean型別的標籤屬性更傾向於使用html 4.01時代的傳統段語法形式,即只有屬性名而沒有屬性值,例如:

html5有不少新的表單屬性,僅列出一些比較重要的:

這個屬性用來開啟或關閉表單的「自動完成」功能(屬性值為」on」表示開啟,為」off」表示關閉),不填的話就看瀏覽器的預設值了。在我的經驗中,往往更多是利用autocomplete="off"來關閉「自動完成」的,因為有一些跟安全相關的字段(例如賬號、郵箱位址等),是不希望透露給第三者知道的。

autocomplete屬性適用於標籤(相當於全域性),以及以下型別的標籤:text, search, url, telephone, email, password, datepickers, range 以及 color。

autofocus是boolean型別屬性,用來預設啟用某個input,適用於一些比較簡單的表單頁面,比如說乙個純粹的登入頁面。

form屬性是配合form 2.0中新的表單結構來使用的,用來指明當前表單元素隸屬於那(幾)個表單,屬性值為隸屬表單的id,有多個隸屬表單則用空格分隔開多個id。

關於form 2.0中新的表單結構,請看這篇文章:《html5系列:form 2.0 新結構》

同樣與form 2.0中新的表單結構相關,請看這篇文章:《html5系列:form 2.0 新結構》

配合date pickersnumber以及range標籤來使用,用來規定最小值、最大值以及每點一下數值增長的幅度。

boolean型別屬性,用於file型別的標籤,表示當前檔案上傳框可接受(選定)多個檔案。

boolean型別屬性,用於取消整個表單()或只針對某些表單元素(),目前相當的場景就是**出於某些原因(比如說對ui的要求或對比較特殊的資料的驗證)使用了第三方的表單驗證外掛程式,為了避免衝突,取消原生的表單校驗。

boolean型別屬性,規定某個表單元素為必填項,主要用於表單檢驗。

與表單檢驗相關,填入正規表示式。

placeholder屬性起到提示的作用,當的值為空且沒有處在選中(focus)的狀態時顯示placeholder屬性的值。由於要考慮到相容性問題,一般還是自己用js來實現。

html5系列 form 2 0 新結構

以往的乙個form表單,結構比較死板,所有的form元素都必須處在之間才有效,這會造成一些麻煩,比如說 像bootstrap這種使用來控制布局的框架,就相隔得非常遠了,也是相當彆扭的。而form 2.0並不要求form元素處在之間,只需要為其指定屬於哪個表單 甚至是 哪幾個表單 即可,由此便衍生出以...

html5系列 form 2 0 新表單屬性

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

HTML5 智慧型form表單新屬性

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