html5表單input的一些新的型別

2021-09-05 12:45:35 字數 1234 閱讀 2831

email型別用於應該包含email位址的輸入域

在提交表單時,會自動驗證email域的值

>

email:type

="email"

name

="test_email"

>

form

>

url 型別用於應該包含 url 位址的輸入域

在提交表單時,會自動驗證 url 域的值

homepage: type

="url"

name

="test_url"

>

number 型別用於應該包含數值的輸入域。

還能夠設定對所接受的數字的限定

points: type

="number"

name

="test_number"

min="1"

max="10"

>

屬性值描述

maxnumber

允許規定的最大值

minnumber

允許規定的最小值

step

number

允許合法的數字間隔(如果 step=「3」,則合法的數是 -3,0,3,6等)

value

number

允許預設值

range 型別用於應該包含一定範圍內數字值的輸入域

range 型別顯示為滑動條

type

="range"

name

="test_range"

min="1"

max="10"

>

相關的屬性同數字屬性

html5 擁有多個可供選取日期和時間的新輸入型別:

date - 選取日、月、年

month - 選取月、年

week - 選取周和年

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

datetime - 選取時間、日、月、年(utc 時間)

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

date: type

="date"

name

="test_date"

>

HTML5新增input表單

html5新增input表單 input表單及其屬性 type email 限制使用者輸入必須為e mail型別 type url 限制使用者輸入必須為 和 型別 type date 限制使用者輸入必須為日期型別 type month 限制使用者輸入必須為月份型別 type time 限制使用者輸入...

HTML5新增input表單的屬性

html5新增input表單的屬性 input表單屬性 required required 此處內容不能為空,必填 placeholder 請輸入使用者名稱 方框空裡的灰色 提示語 請輸入使用者名稱 為提示語舉例 autofocus autofocus 網頁載入出來後,游標自動聚焦到需要輸入的框裡 ...

關於HTML5的一些筆記

buckminster fuller.html 正確寫法buckminsterfuller.html 錯誤寫法 檔名全部使用小寫字母,用 短橫線 分隔單詞,用 html 作為副檔名。混合使用大小寫字母會增加訪問者輸入正確位址以及找到頁面的難度。不推薦使用下劃線 資料夾的名稱也應全部用小寫字母。關鍵是...