序號
屬性型別
新增屬性
屬性說明與表
單的相關
屬性對(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 詳細學習內容...