在html5中表單元素可放在表單之外,通過給該元素新增form屬性來指向目標表單(form屬性值設為目標表單id)即可。
html5給提交按鈕(如button、submit、image等)增加了formaction屬性,以便提交到不同的伺服器位址。
formaction
="new.html"
type
="submit"
value
="提交到new.html"
>
用法同formaction。
用於文字框處於未輸入狀態時的一種文字提示。
自動獲得焦點,乙個頁面只能有乙個控制項具有該屬性。
name
="username"
autofocus
type
="text"
id="username"
>
用於單行文字框,該屬性的值為某個datalist元素的id,增加該屬性後的單行文字框類似選擇框(select),但允許使用者自定義輸入,為了避免沒有支援該元素的瀏覽器出現錯誤,我們通常使用css設定不顯示。
標籤:定義可選資料的列表。與 input 元素配合使用,就可以製作出輸入值的下拉列表。
list
="list"
name
="order"
autofocus
type
="text"
id="order"
>
"list"
style
="display
:none
">
value
="1"
>
1option
>
value
="2"
>
2option
>
value
="3"
>
3option
>
datalist
>
自動完成允許瀏覽器**對字段的輸入,html5實現了自定義設定該屬性,避免了任何人都可以看到所存在的安全隱患。該屬性值有「on」、」off「或「」(不指定)三種,不指定時使用瀏覽器的預設值。
顯示驗證(除了給元素新增屬性來自動驗證外,在html5中,form元素與輸入元素(input)包括select元素和textarea都具有乙個checkvalidity方法,呼叫該方法可以進行手動驗證,checkvalidity方法以boolean的形式返回驗證結果)
function
check()
else
}
取消驗證(取消表單驗證有兩個屬性:用於form的novalidate和用於submit的formnovalidate)
//用於form的novalidate
novalidate
>
type
="text"
name
="name"
id="name"
required
>
type
="submit"
name
="button"
id="button"
value
="提交"
>
form
>
//用於submit的formnovalidate
>
type
="text"
name
="name"
id="name"
required
>
type
="submit"
orfmnovalidate
name
="button"
id="button"
value
="提交"
>
form
>
HTML5表單新增元素與屬性
在html4中,表單內的從屬元素必須書寫在 表單內部,而在html5中,可以把它們書寫在頁面上任何地方,然後為該元素指定乙個form屬性,屬性值為該表單的id,這樣就可以宣告該元素從屬於指定表單 以前 1 表單內元素的formaction屬性 在html4中,乙個表單內的所有元素只能通過表單的act...
HTML5表單新增元素和屬性 1
指定乙個form屬性,屬性值為改表單的id,這樣就可以宣告該元素從屬於指定的表單了。charset utf 8 formtitle head charset utf 8 title head 使用 formmethod屬性來對每乙個表單元素分別指定不同的提交方法 charset utf 8 titl...
html5中新增元素
html5是html最新的修訂版本,由全球資訊網聯盟於2014年修訂完成.設計的目的是為了在移動裝置上支援多 的宣告必須位於html5文件中的第一行,使用起來非常簡單.html5新增了許多元素 比如 圖形的繪製,多 內容,更好的頁面結構,更好的形式 處理,和幾個api拖放元素,定位,包括網頁儲存等....