Html5 輸入型別

2021-08-03 02:05:47 字數 767 閱讀 4032

html5 新的 input 型別

html5 擁有多個新的表單輸入型別。這些新特性提供了更好的輸入控制和驗證。包括:email、url、number、range、date pickers (date, month, week, time, datetime, datetime-local)、search、color

定義和用法

email 型別用於應該包含 e-mail 位址的輸入域。

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

定義和用法

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

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

定義和用法

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

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

定義和用法

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

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

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

date - 選取日、月、年

month - 選取月、年

week - 選取周和年

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

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

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

定義和用法

search 型別用於搜尋域,比如站點搜尋或 google 搜尋。

search 域顯示為常規的文字域。

可以將搜尋關鍵字傳遞給服務端

HTML5新增input型別

發表於 2016 06 16 分類於 前端 閱讀次數 4在html4等早期版本中,input元素已經有了一些type型別,type可取的值有下面這些 text文字型別 password密碼型別 radio 單選型別 選項 checkbox 多選型別 選項 file 檔案型別 submit 提交按鈕 ...

html5標籤型別大全

我們前面說過,html定義網頁的結構,css給美化頁面結構,接下來這幾節課,我們就主要講解構成html結構的元素,也就是html標籤。html標籤有很多,這裡我們學習最為常用的,後面有些較少用的,我們可以查下手冊就可以了。html5標籤型別大全 也就是我們前面提到的單標籤,乙個標籤符號即可完整地描述...

html5 新增 input 型別

input 新增型別 email url number range date picker search color tel date picker date 選取日 月 年 month 選取月 年 week 選取周 年 time 選取時間 小時和分鐘 datetime 選取時間 日 月 年 utc...