新的form屬性:
l autocomplete
l novalidate
新的input屬性:
l autocomplete
l autofocus
l form
l form overrides (formaction, formenctype, formmethod, formnovalidate, formtarget)
l height和width
l list
l min, max和step
l multiple
l pattern (regexp)
l placeholder
l required
autocomplete 屬性
autocomplete屬性規定form 或input域應該擁有自動完成功能。
autocomplete適用於
autofocus屬性
autofocus屬性規定在頁面載入時,域自動地獲得焦點。
autofocus屬性適用於所有標籤的型別。
示例:user name:
form屬性
form屬性規定輸入域所屬的乙個或多個表單。
form屬性適用於所有標籤的型別,必須引用所屬表單的id:
示例:
last name:
ps:如需引用乙個以上的表單,請使用空格分隔的列表。
form overrides屬性
form overrides屬性允許您重寫form 元素的某些屬性設定,包括:
l formaction – 重寫表單的action屬性
l formenctype – 重寫表單的enctype屬性
l formmethod – 重寫表單的method屬性
l formnovalidate – 重寫表單的novalidate屬性
l formtarget – 重寫表單的target 屬性
form overrides屬性適用於submit和image型別的標籤。這些屬性對於建立不同的提交按鈕很有幫助。
示例:
height和width屬性
height和width屬性規定用於image型別的input標籤的影象高度和寬度。
示例:list屬性
list屬性規定輸入域的datalist。datalist 是輸入域的選項列表。
list屬性適用於以下型別的標籤:text, search, url, telephone, email, date pickers, number, range 以及color。
示例:webpage:
/>
/>
/>
min、max和step屬性
min、max和step屬性用於為包含數字或日期的input 型別規定限定(約束)。
屬性描述
max規定輸入域所允許的最大值
min規定輸入域所允許的最小值
step
為輸入域規定合法的數字間隔(如果step=」3″,則合法的數是-3,0,3,6等)
min、max和step屬性適用於以下型別的標籤:date pickers、number 以及range。
下面的例子顯示乙個數字域,該域接受介於0到10之間的值,且步進為3(即合法的值為0、3、6 和9):
points:
multiple屬性
multiple屬性規定輸入域中可選擇多個值。
multiple屬性適用於以下型別的標籤:email 和file。
示例:select images:
novalidate屬性
novalidate屬性規定在提交表單時不應該驗證form或input域。
novalidate屬性適用於
pattern屬性
pattern屬性規定用於驗證input域的模式(pattern)。
pattern屬性適用於以下型別的標籤:text, search, url, telephone, email 以及password。
下面的例子顯示了乙個只能包含三個字母的文字域(不含數字及特殊字元):
country code:
placeholder屬性
placeholder屬性提供一種提示(hint),描述輸入域所期待的值。
placeholder屬性適用於以下型別的標籤:text, search, url, telephone, email 以及password。提示(hint)會在輸入域為空時顯示出現,會在輸入域獲得焦點時消失:
示例:required屬性
required屬性規定必須在提交之前填寫輸入域(不能為空)。
required屬性適用於以下型別的標籤:text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及file。
示例:name:
HTML5 的新的表單屬性
1 新的 form 屬性 autocomplete autocomplete 屬性 autocomplete 屬性規定 form 或 input 域應該擁有自動完成功能。注釋 autocomplete 適用於 2 新的 input 屬性 2.1 autofocus 屬性規定在頁面載入時,域自動地獲得...
HTML5 智慧型form表單新屬性
xhtml中需要放在form之中的諸如inpu button select textarea等標籤元素,在html5中完全可以放在頁面任何位置,然後通過新增的form屬性指向元素所屬表單的id值,即可關聯起來。html5中確實新增了不少的新的屬性,給我們省去了好大的功夫去判斷。智慧型表單使用與規範 ...
HTML5表單屬性
1.6.input的formenctype屬性 用於表單提交到伺服器的資料編碼 只對form表單中method post 表單 該屬性會覆蓋form元素的enctype屬性。7 input formmethod屬性,定義了表單的提交方式,覆蓋了form元素的method屬性 8 input form...