Html5 表單屬性

2021-08-03 02:06:50 字數 2469 閱讀 7206

熟悉掌握 html5 的若干新的表單屬性:

新的 form 屬性:autocomplete、novalidate

新的 input 屬性:autocomplete、autofocus、form、form overrides (formaction, formenctype, formmethod, formnovalidate, formtarget)、height 和 width、list、min, max 和 step、multiple、pattern (regexp)、placeholder、required

定義和用法

autocomplete 適用於 標籤,以及text, search, url, telephone, email, password, datepickers, range 以及 color等

標籤。當使用者在自動完成域中開始輸入時,瀏覽器應該在該域中顯示填寫的選項

定義和用法

autofocus 屬性規定在頁面載入時,域自動地獲得焦點。autofocus 屬性適用於所有

標籤的型別。

定義和用法

form 屬性規定輸入域所屬的乙個或多個表單。form 屬性適用於所有

標籤的型別。form 屬性必須引用所屬表單的 id。如需引用乙個以上的表單,請使用空格分隔的列表。

定義和用法

表單重寫屬性(form override attributes)允許您重寫 form 元素的某些屬性設定。適用於以下型別的

標籤:submit 和 image。這些屬性對於建立不同的提交按鈕很有幫助。

表單重寫屬性有:

formaction - 重寫表單的 action 屬性

formenctype - 重寫表單的 enctype 屬性,編碼型別

formmethod - 重寫表單的 method 屬性

formnovalidate - 重寫表單的 novalidate 屬性

formtarget - 重寫表單的 target 屬性,在**開啟表單

定義和用法

list 屬性規定輸入域的 datalist。datalist 是輸入域的選項列表。

注釋:list 屬性適用於以下型別的

標籤:text, search, url, telephone, email, date pickers, number, range 以及 color。

定義和用法

min、max 和 step 屬性用於為包含數字或日期的 input 型別規定限定(約束)。 min、max規定輸入域所允許的最小值、最大值。step 屬性為輸入域規定合法的數字間隔(如果 step="3",則合法的數是 -3,0,3,6 等)。

min、max 和 step 屬性適用於date pickers、number 以及 range。

下面的例子顯示乙個數字域,該域接受介於 0 到 10 之間的值,且步進為 3(即合法的值為 0、3、6 和 9):

定義和用法

min、max 和 step 屬性用於為包含數字或日期的 input 型別規定限定(約束)。 min、max規定輸入域所允許的最小值、最大值。step 屬性為輸入域規定合法的數字間隔(如果 step="3",則合法的數是 -3,0,3,6 等)。

min、max 和 step 屬性適用於date pickers、number 以及 range。

下面的例子顯示乙個數字域,該域接受介於 0 到 10 之間的值,且步進為 3(即合法的值為 0、3、6 和 9):

定義和用法

multiple 屬性規定輸入域中可選擇多個值。適用於以下型別的

標籤:email 和 file。

定義和用法

novalidate 屬性規定在提交表單時不應該驗證 form 或 input 域。

適用於 以及以下型別的

標籤:text, search, url, telephone, email, password, date pickers, range 以及 color.

定義和用法

pattern 屬性規定用於驗證 input 域的模式(pattern)。模式是正規表示式。適用於以下型別的

標籤:text, search, url, telephone, email 以及 password。

下面的例子顯示了乙個只能包含三個字母的文字域(不含數字及特殊字元):

定義和用法

placeholder 屬性提供一種提示(hint),描述輸入域所期待的值。

適用於以下型別的

標籤:text, search, url, telephone, email 以及 password。提示(hint)會在輸入域為空時顯示出現,會在輸入域獲得焦點時消失:

定義和用法

required 屬性規定必須在提交之前填寫輸入域(不能為空)。適用於以下型別的

標籤:text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file。

HTML5表單屬性

1.6.input的formenctype屬性 用於表單提交到伺服器的資料編碼 只對form表單中method post 表單 該屬性會覆蓋form元素的enctype屬性。7 input formmethod屬性,定義了表單的提交方式,覆蓋了form元素的method屬性 8 input form...

HTML5 表單屬性

填寫並提交表單,然後重新重新整理頁面檢視如何自動填充內容。注意 form 的 autocomplete 屬性為 on 開 但是e mail 自動為 off 關 提示 某些瀏覽器中,您可能需要啟用自動完成功能,以使該屬性生效。注意 在 safari 和 internet explorer 9 及之前的...

HTML5 表單屬性

1.form屬性 此處通過form屬性即使在外邊也能在提交的時候使用,完全脫離form 2.placeholder屬性 3.autofocus屬性 autofocus屬性的作用是指定控制項自動獲得焦點。需要注意的是,乙個html頁面上只能有乙個控制項具有該屬性 4.list屬性和datalist元素...