HTML5新增元素及使用 表單篇

2021-10-09 20:14:40 字數 2096 閱讀 7409

在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拖放元素,定位,包括網頁儲存等....