Html5 表單屬性
阿新 • • 發佈:2019-01-10
熟悉掌握 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。