HTML5新增了哪些input控制項類型

新增13個類型：1、color，拾色器控件；2、date，日期控件，包括年月日，但不包括時間；3、tel，電話號碼控件；4、time，時間控制（不含時區）；5、“datetime-local”，日期時間控制；6、search，搜尋控制項等等。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

<input> 標籤規定了使用者可以在其中輸入資料的輸入字段，該元素在

元素中使用，用來聲明允許使用者輸入資料的 input 控制項。

type 屬性規定要顯示的 <input> 元素的型別。

HTML5中新增的input控制項類型（type 屬性值）

值	說明
color	定義拾色器。
date	定義 date 控制項（包含年、月、日，不包含時間）。
datetime	定義 date 和 time 控制項（包括年、月、日、時、分、秒、幾分之一秒，基於 UTC 時區）。
datetime-local	#定義date 和time 控制項（包括年、月、日、時、分、秒、幾分之一秒，不含時區） 。
email	定義用於 e-mail 位址的欄位。
month	定義 month 和 year 控制項（不含時區）。
number	定義用於輸入數字的欄位。
range	定義用於精確值不重要的輸入數字的控制項（例如 slider 控制項）。
search	定義用於輸入搜尋字串的文字欄位。
tel	定義用於輸入電話號碼的欄位。
time	定義用於輸入時間的控制項（不含時區）。
url	定義用於輸入 URL 的欄位。
week	定義 week 和 year 控制項（不含時區）。

下面介紹類型：

• color

# 點擊時彈出顏色選擇器，可以選擇任何顏色

• number
  
  輸入範圍內的數字，可以手動輸入超出範圍的數字，但不能提交

• tel
  輸入電話號碼，只有safari支援

• email
  自帶偵測功能，提交時會偵測是否包含@符，@符前後是否有字元

• range
  

• url
  輸入的網址必須是http://開頭，且後面必須有字符，否則不能提交

• search

  定義用於輸入搜尋字串的文字欄位
  

• ##日期控制項- date

<input>

• #時間控制項- time

<input>
<input>

• 日期時間控制項- datetime-local

<input>

• #月控制項- month

<input>

• 週控制項- week

<input>

• 日期時間控制項--datetime

#

<input>

說明：日期時間控制也支援min和max屬性，表示可設定的最小和最大時間

<input>

相關推薦：《

html影片教學》

以上是HTML5新增了哪些input控制項類型的詳細內容。更多資訊請關注PHP中文網其他相關文章！