HTML5新標籤與特性

2021-09-27 01:46:11 字數 2971 閱讀 1995

w3c 手冊中文官網 :

>

語義 :定義頁面的頭部 頁首>

>

語義 :定義導航欄 >

>

語義: 定義 頁面底部 頁尾>

>

語義: 定義文章>

>

語義: 定義區域>

>

語義: 定義其所處內容之外的內容 側邊>

type

="text"

value

="輸入"

list

="star"

/>

"star"

>

>

1option

>

>

2option

>

>

3option

>

datalist

>

>

>

使用者登入legend

>

標題 使用者名稱:type

="text"

>

/>

密碼:type

="password"

>

fieldset

>

郵 箱:type

="email"

>

/>

手機號:type

="tel"

oninput

="value=value.replace(/[^\d]/g,'

')" />

/>

url:type

="url"

/>

/>

數字:type

="number"

/>

搜尋框:type

="search"

/>

自定滑動:type

="range"

/>

小時分鐘:type

="time"

/>

年月日:type

="date"

/>

type

="datetime-local"

/>

月年:type

="month"

/>

星期年:type

="week"

/>

### placeholder 佔位符 當使用者輸入的時候 裡面的文字消失 刪除所有文字,自動返回
使用者名稱:type

="text"

placeholder

="請輸入使用者名稱"

/>

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

使用者名稱:type

="text"

placeholder

="請輸入使用者名稱"

autofocus

>

選擇檔案 未選擇任何檔案 多檔案上傳

檔案上傳:type

="file"

multiple

/>

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

autocomplete 首先需要提交按鈕

這個表單您必須給他名字

action

="test.html"

method

="post"

name

="a"

>

使用者名稱:type

="text"

placeholder

="請輸入使用者名稱"

autofocus

autocomplete

="on"

/>

/>

密 碼:type

="password"

placeholder

="請輸入密碼"

autofocus

autocomplete

="off"

/>

/>

年 齡:type

="text"

accesskey

="u"

/>

type

="submit"

value

="提交"

/>

form

>

必填項 內容不能為空

使用者名稱:type

="text"

placeholder

="請輸入使用者名稱"

autofocus

autocomplete

="on"

required

/>

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

使用者名稱:type

="text"

placeholder

="請輸入使用者名稱"

autofocus

autocomplete

="on"

required

accesskey

="u"

/>

controls

autoplay

>

src=

"../***/新寶島.***"

/>

audio

>

controls

autoplay

loop

="-1"

>

src=

"../mp4/lol.mp4"

/>

video

>

HTML5新標籤與特性

語義 定義頁面的頭部 頁首 語義 定義導航欄 語義 定義 頁面底部 頁尾 語義 定義文章 語義 定義區域 語義 定義其所處內容之外的內容 側邊 劉德華 劉若英劉曉慶 戚薇戚繼光 使用者登入 標題 使用者名稱 密 碼 型別 使用示例 含義 email 輸入郵箱格式 tel 輸入手機號碼格式 url 輸...

HTML5新標籤與特性

屬性 用法 含義 placeholder 佔位符提供可描述輸入字段預期值的提示資訊 autofocus 規定當頁面載入時 input 元素應該自動獲得焦點 multiple 多檔案上傳 autocomplete 規定表單是否應該啟用自動完成功能 required 必填項accesskey 規定啟用 ...

html5 標籤新特性

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