H5新增的標籤以及屬性

2022-09-11 12:45:17 字數 880 閱讀 1004

h5的更新加強了瀏覽器的功能,減少了外掛程式的使用(flash)。

svg 定義向量圖

time 日期和時間值

mark 高亮的引用文字

還有一些語義化標籤

頭部尾部

導航欄具體的內容

文章內容的側邊欄

用作文件中插圖的影象,如果要新增標題的話得使用並且要必須要放在標籤裡面

如:這是一張

mark標籤 高亮的引用文字

進度欄標籤 value值代表進度,0-1

並且新增了一些新的表單控制項

email:必須輸入郵件;

number:必須輸入數值;

range:乙個滑動欄,並且可以設定最大以及最小值

如:date:選取日、月、年

month:選取月、年

week:選取周和年

time:選取時間(小時和分鐘)

datetime-local:選取時間、日、月、年(本地時間)

search:搜尋框

color:顏色

以及一些新的屬性:

contenteditable="true" 使得檔案可以編輯,並且這個屬性是可以繼承的。

autocomplete  設定表單成功提交過的資料,下一次有提示   一般會關閉這個功能

placeholder 提示資訊

required  是否必須填寫

pattern  正則驗證表單內容

multiple 輸入框可以輸入多個值,一般和email控制項一起使用

maxlength 最大長度

minlength 最小長度 

step  規定數字間隔

hidden 隱藏 填寫了hidden屬性的標籤會被隱藏

draggable 元素是否能被拖動

h5 新增屬性

預設提示內容 placeholder 多輸入,多提交 multiple 支援乙個域中多輸入,逗號隔開,一般配合郵箱和url型別使用 自動獲取焦點,頁面載入,自動獲取焦點游標 autofocus 防止空提交 required 允許輸入的最小字元數和最大字元數 minlength 允許輸入的最小字元長度...

H5新增屬性

doctype html en utf 8 viewport content width device width,initial scale 1.0 document title cursor pointer 出現小手 button 屬性選擇器使用方法 相當於交集選擇器,即表示既有button屬性...

H5 標籤屬性 input屬性

高亮文字 全部商品只要6.18 結果 加拼音文字 變bian 結果 軟換行,只試用於英文 zhe li shi ce shi wen zi,zhishiyongyuyingwen zhishiyongyuyingweninput輸入框 文字 text name username value 賬號 密...