HTML5新增屬性詳細講解

2021-09-14 04:09:37 字數 1547 閱讀 9569

新增的input type屬性值:

1.email,使用方法:

輸入郵箱格式

2.tel,使用方法:

輸入手機號碼格式

3.urll,使用方法:

輸入url格式

4.numberl,使用方法:

輸入數字格式

5.search,使用方法:

搜尋框(體現語義化)

6。range,使用方法:

自由拖動滑塊

7.time,使用方法:

小時分鐘

8.date,使用方法:

年月日9.datetime,使用方法:

時間10.month,使用方法:

月年11.week,使用方法:

星期 年

常用新屬性

1.屬性:placeholder用法

含義:佔位符,當使用者輸入的時候,裡面的文字消失

效果:

2.屬性:autofocus用法使用者名稱:

含義:規定當頁面載入時 input 元素應該自動獲得焦點

效果圖:

3.屬性:multiple用法上傳檔案:

含義:多檔案上傳

效果圖:

此時可以選中多個檔案進行上傳

4.屬性:autocomplete用法

含義:規定表單是否應該啟用自動完成功能autocomplete有2個值,乙個是on 乙個是off, on 代表可以記錄已經輸入的值,off即不記錄

1.autocomplete 首先需要提交按鈕2.這個表單您必須給他名字

效果圖:

5.屬性:required用法

含義:必填項 內容不能為空

效果圖:

6.屬性:accesskey用法

含義:規定啟用(使元素獲得焦點)元素的快捷鍵 採用 alt + s的形式

HTML5新增屬性

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

Html5離線快取詳細講解

離線快取是html5新特性之一,簡單理解就是第一次載入後將資料快取,在沒有清除快取前提下,下一次沒有網路也可以載入,用在靜態資料的網頁或遊戲比較好用。當然,html5新的特性都不是所有瀏覽器都能支援的,離線快取也一樣。反正ie9 包括 及ie9以下的瀏覽器目前是不支援的。如果用在移動端,應該都能支援...

HTML5 新屬性的講解

1.選擇器 標籤選擇器 class選擇器 id選擇器 後代選擇器 div li div下所有li 子代選擇器 div li div的所有子一代 li 元素 交集選擇器 div.class 這個元素式div且類名叫class 並級選擇器 class,ad 選擇兩個元素乙個類叫class 乙個類叫ad ...