HTML5新特性 十個新特性

2021-08-15 02:37:50 字數 1673 閱讀 4572

1.html5表單的新特性

(1) 新的input type

h4中input type:text、password、radio, checkbox, file, hidden, submit, reset, image

h5中input type:email, url, number, tel, search, range, color, date, month, week

(2)新的表單元素

h4中 form element: input, textarea, select/option, label

h5中新增的 form element: datalist, progress, meter, output

datalist位input提供乙個輸入建議列表,使用者可以手動輸入,也可以選擇:

progress:不推薦使用。推薦使用div+css代替(可以仿照bootstrap中的進度條元件自定義)

meter: 刻度尺,用於標識乙個值所處的範圍,紅色,黃色,綠色 

high="合理的上限值" optimum="最佳值" value="當前實際值">

output:輸出,語義標籤(like: footer),沒有任何外觀樣式,等同於span 

(3)表單元素的新屬性

h4中表單element attr:

id,class,title,style,type,value,name,readonly,disabled,checked.

h5中的表單element attribute:

(1)placeholder:佔位字元, 顯示在input框中僅做提示

(2)autofocus:自動獲取焦點

(3)multiple : 允許輸入框中的多個輸入(用逗號分開),如郵箱

加name屬性才能提交input中的值

(4) form: 讓表單元素可以寫在form表單元素的外面

user name:type=

"text"

placeholder=

"please input your name..."

autofocus value=

"" name=

"username"

form=

"f5"/

>

password: type=

"text"

placeholder=

"please input password ..."

autofocus name=

"userpsw"

form=

"f5"/

>

type=

"submit"

form=

"f5"

>

(5)required:必填項,內容不能為空

(6)maxlength:指定字串最大長度

(7)minlength:指定字串最小長度

(8)max: 指定數字最大值

(9)min:指定數字最小值

(10)pattern:指定輸入必須符合的正規表示式  

pattern="1[35789]\d">

在js中idname.value可以直接獲得表單的value屬性的值。

HTML5的新特性

html的新特性 html5是下一代html標準 強化了web的表現性 支援網頁多 提供canvas畫布 2d圖形 三維 圖形及特效 支援語義化標籤 header footer 新的表單標籤 增加離線本地儲存 地理定位 應用快取 快取 將經常需要訪問的資料,放在記憶體中或者本地磁碟裡 canvas ...

html5 標籤新特性

html5主要的特徵就是標籤語義化。語義化的好處就是使得 結構讓人清晰易讀,這些語義化的標籤會有一些自帶屬性,比如說邊距 顏色 和display的設定等等 頭部 內容 內容分塊1 內容分塊2 內容分塊3 底部 導航 側欄 引用 自帶邊距,和縮排 標記 保留書寫的樣式 包括空格 tab 還有 ente...

HTML5的新特性

我是頭部 導航標籤 內容標籤 定義文件某個區域 側邊欄標籤 尾部標籤音訊標籤type email 限制使用者輸入必須為email型別 type url 限制使用者輸入必須為url型別 type date 限制使用者輸入必須為日期型別 type time 限制使用者輸入為時間型別 type month...