H5常用新特性

2022-08-26 02:51:11 字數 1166 閱讀 4508

【注意】這些新特性都有相容性的問題,基本是ie9+以上版本的瀏覽器才支援,如果不考相容性問題,可以大量使用這些新特性

html5新增的語義話標籤

html新增的多**標籤

屬性值描述

autoplay

autoplay

controls

controls

width

pixels

height

pxloop

loop

preload

srcurl

poster

imgurl

載入等待的畫面

muted

muted

新增表單

屬性值說明

type="email"

使用者輸入的必須為email型別

type=「url」

限制使用者必須輸入為url型別

type=「date」

限制使用者必須輸入日期型別

type=「time」

限制使用者必須輸入時間型別

type=「month」

限制使用者必須輸入月份

type=「week」

限制使用者必須輸入周

type=「number」

限制使用者輸入數字

type=「tel」

限制使用者輸入手機號

type=「search」

搜尋框type=「color」

生成乙個顏色選擇表單

新增的表單屬性屬性值

說明required

required

表單擁有該屬性表示其內容不能為空必填

placeholder

提示文字

表單的提示資訊,存在預設值將不顯示

autofocus

autofocus

自動聚焦屬性,頁面載入完成自動聚焦到指定表單

auto complete

off\on

當使用者在字段開始鍵入時,瀏覽器基於之前鍵入過的值,應該顯示出字段中填寫的選項。預設已經開啟,如autocomplete=「on」,關閉auto complete=「off」需要放在表單內,同時加上name屬性,同時成功提交

multiple

multiple

可以多選檔案提交

h5新特性 canvas標籤(補充)

上下文物件 painter 1.透明度 語法 painter.globalalpha 0 1 任何操作都要在fill 之前 2.線性 1 設定線寬 painter.linewidth number 2 端點 painter.lincap 端點型別 型別 butt 無端點,round 圓弧端點 squ...

H5新特性 本地儲存

注意 本地儲存呼叫者必須統一,用臨時儲存儲存的資料,只有臨時儲存才能找到 localstorage 永久儲存 相對 其中的資料不隨著瀏覽器的開關而改變 sessionstorage 臨時儲存 相對 當瀏覽器關閉 當前頁面關閉時,資料消失,頁面重新整理時不會影響 兩者區別 local 和 sessio...

H5新特性FileReader使用心得

作用about 終止讀取 readasbinarystring file 將檔案讀取為二進位制編碼 readasdataurl file 將檔案讀取為dataurl編碼 readastext file,encoding 將檔案讀取為文字 readasarraybuffer file 將檔案讀取為ar...