HTML5的新的表單屬性

2021-07-14 23:13:51 字數 2483 閱讀 5952

新的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...