這篇文章主要為大家展示了“HTML5中新的Input類型有哪些”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“HTML5中新的Input類型有哪些”這篇文章吧。

成都創(chuàng)新互聯(lián)公司是專業(yè)的酉陽土家族苗族網(wǎng)站建設(shè)公司，酉陽土家族苗族接單;提供成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì),網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行酉陽土家族苗族網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!

Inpute類型:color

   color類型用在input字段主要用于選取顏色，如下所示：

	
		
		
		
	
	 
		
			選擇你喜歡的顏色：
			
			
		
		
	

Input類型：date

  date類型允許你從一個(gè)日期選擇器選擇一個(gè)日期。

	
		
		
		
	
	 
		
			生日：
			
			
		
		
	

Input類型：datetime

  datetime類型允許你選擇一個(gè)日期(UTC時(shí)間)

	
		
		
		
	
	 
		
			生日(日期和時(shí)間)：
			
			
		
		
	

Input類型：datetime-local

   datetime-local類型允許你選擇一個(gè)日期和時(shí)間(無時(shí)區(qū))

	
		
		
		
	
	 
		
			生日(日期和時(shí)間)：
			
			
		
		
	

Input類型：email

   email類型用于應(yīng)該包含e-mail地址的輸入域

	
		
		
		
	
	 
		
			E-mail：
			
			
		
		
	

Input類型:month

  month類型允許你選擇一個(gè)月份

生日 (月和年): 

Input 類型: number

  number 類型用于應(yīng)該包含數(shù)值的輸入域。

  您還能夠設(shè)定對(duì)所接受的數(shù)字的限定：

定義一個(gè)數(shù)值輸入域(限定):

數(shù)量 ( 1 到 5 之間 ): 

  使用下面的屬性來規(guī)定對(duì)數(shù)字類型的限定：

Input 類型: range

  range 類型用于應(yīng)該包含一定范圍內(nèi)數(shù)字值的輸入域。

  range 類型顯示為滑動(dòng)條。

定義一個(gè)不需要非常精確的數(shù)值（類似于滑塊控制）:

請(qǐng)使用下面的屬性來規(guī)定對(duì)數(shù)字類型的限定：

• max - 規(guī)定允許的最大值

• min - 規(guī)定允許的最小值

• step - 規(guī)定合法的數(shù)字間隔

• value - 規(guī)定默認(rèn)值

Input 類型: search

   search 類型用于搜索域，比如站點(diǎn)搜索或 Google 搜索。

定義一個(gè)搜索字段 (類似站點(diǎn)搜索或者Google搜索):

Search Google: 

Input 類型: tel

定義輸入電話號(hào)碼字段:

電話號(hào)碼: 

Input 類型: time

   time 類型允許你選擇一個(gè)時(shí)間。

定義可輸入時(shí)間控制器（無時(shí)區(qū)）：

選擇時(shí)間: 

Input 類型: url

   url 類型用于應(yīng)該包含 URL 地址的輸入域。

   在提交表單時(shí)，會(huì)自動(dòng)驗(yàn)證 url 域的值。

定義輸入U(xiǎn)RL字段:

添加您的主頁: 

提示:iPhone 中的 Safari 瀏覽器支持 url 輸入類型，并通過改變觸摸屏鍵盤來配合它（添加 .com 選項(xiàng)）。

Input 類型: week

   week 類型允許你選擇周和年。

定義周和年 (無時(shí)區(qū)):

選擇周: 

注意:并不是所有的主流瀏覽器都支持新的input類型，不過您已經(jīng)可以在所有主流的瀏覽器中使用它們了。即使不被支持，仍然可以顯示為常規(guī)的文本域。

以上是“HTML5中新的Input類型有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！