HTML5新增的屬性列表

2021-07-24 09:16:28 字數 2139 閱讀 5598

序號

屬性型別

新增屬性

屬性說明與表

單的相關

屬性對(type=text)與

指定autofocus屬性

以指定屬性的方式讓元素在頁面開啟時自動獲取焦點

對(type=text)與

指定placeholder屬性

對使用者輸入進行提示,提示使用者可以輸入的內容

對與指定

form屬性

宣告屬於哪個表單,然後將其放置在頁面的任何位置,而不在表單之內

對(type=text)指定

required屬性

表示使用者提交時進行檢查,檢查該元素內必定要有輸入內容

為標籤增加幾個新屬性;

autocomplete

,min

,max

,multiple

,pattern

與step

還有list屬性與

元素配合使用。

與autocomplete

屬性配合使用。

multiple

允許上傳時一次上傳多個檔案。

pattern

屬性用於驗證輸入欄位的模式,其實就是正規表示式。

step

屬性規定輸入欄位的合法數字間隔(假如

step=」3」則合法數字應該是-3

,0,3,6

,以此類推),

step

屬性可以與

max及

min屬性配合使用。以建立合法值的範圍

為元素增加

formation

,formenctype

,formmethod

,formnovalidate

與formtarget屬性

使用者過載元素的

action

,entype

,method

,novalidate

,與target

屬性。為

fieldset

元素增加

disabled

屬性,可以把它的子元素設為

disabled狀態

為增加novalidate屬性

可以取消提交時進行的有關檢查,表單可以被無條件地提交

與鏈結相關屬性

為增加media屬性

規定目標url是為什麼型別的媒介

/裝置進行優化的。該屬性用於規定目標

url是為特殊裝置(如

iphone

)、語音或列印媒介設計的。該屬性可以接受多個值。只能在

href

屬性存在時使用

為增加herflang

和rel屬性

hreflang屬性規定在唄鏈結文件中的文字的語言。只有當設定了

href

屬性時,才能使用該屬性。

rel屬性規定當前文件與被鏈結文件

/資源之間的關係。只有當使用

href

屬性時,才能使用

rel屬性

為增加size屬性

sizes屬性規定被鏈結資源的尺寸。只有當被鏈結資源是圖示時(

rel=」icon」),

才能使用該屬性。該屬性可以接受多個值,並且值由空格分隔。

為增加target屬性

主要是保持與元素的一致性

其他屬性

為增加reversed屬性

它指定列表的倒序顯示

為增加charset屬性

定義html文件的字符集

為增加label

和type屬性

label屬性規定選單的可見標籤,

type

屬性規定要顯示那種選單型別

為增加scoped屬性

它允許我們為文件的指定部分定義樣式,而是整個文件。如果使用」scoped」屬性,那麼所規定的樣式只能應用到

元素的父元素及其子元素

為增加manifest屬性

開發離線web應用程式時,它與

api結合使用,定義乙個

url,在這個

url上描敘文件的快取資訊

為增加sandbox

,seamless

和srcdoc 3

個屬性

用來提高頁面安全性,防止不信任的web頁面執行某些操作

HTML5新增屬性

html5的input標籤新增了很多屬性,也是讓大家非常興奮的一件事,用簡單的乙個屬性搞定以前複雜的js驗證。input新增的這些屬性,使得html和js的分工更明確了,使用起來十分舒暢。size medium 新增屬性一 size autoconmplete autoconmplete可以賦值為 ...

HTML5新增屬性詳細講解

新增的input type屬性值 1.email,使用方法 輸入郵箱格式 2.tel,使用方法 輸入手機號碼格式 3.urll,使用方法 輸入url格式 4.numberl,使用方法 輸入數字格式 5.search,使用方法 搜尋框 體現語義化 6。range,使用方法 自由拖動滑塊 7.time,...

HTML5新增屬性學習筆記

1 form屬性 表單內的從屬元素,可以寫在表單外部。可以通過指定元素的form屬性來宣告元素所屬表單。form的屬性值為表單的id。1 form id testform 2 input type text 3form 4 textarea form testform textarea 詳細學習內容...