主頁 > 知識庫 > HTML5新增的8類INPUT輸入類型介紹

HTML5新增的8類INPUT輸入類型介紹

熱門標(biāo)簽:pageadm實現(xiàn)地圖標(biāo)注 申請400電話流程簡介 南通數(shù)據(jù)外呼系統(tǒng)推廣 邢臺縣地圖標(biāo)注app 外呼系統(tǒng)電話怎么投訴 外呼線穩(wěn)定線路 呼和浩特外呼電銷系統(tǒng)排名 阜陽企業(yè)外呼系統(tǒng) 地圖標(biāo)注位置能賺錢嗎

已經(jīng)有的輸入類型 HTML代碼示例:

復(fù)制代碼
代碼如下:

文本域 <input type="text">
單選按鈕 <input type="radio">
復(fù)選框 <input type="checkbox">
下拉列表 <select><option>
密碼域 <input type="password">
提交按鈕 <input type="submit">
可單擊按鈕 <input type="button">
圖像按鈕 <input type="image">
隱藏域 <input type="hidden">
重置按鈕 <input type="reset">
文件域 <input type="file">
   
在HTML5中,增加了多個新的表單input輸入類型,通過使用這些新增元素,可以實現(xiàn)更好的輸入控制和驗證。
1、email類型的應(yīng)用
email類型的input元素是一種專門用于輸入E-mail地址的文本輸入框,在提交表單的時候,會自動驗證email輸入框的值。

復(fù)制代碼
代碼如下:

<input type="email" name="user_email" />

2、url類型的應(yīng)用
url類型的input元素提供用于輸入url地址這類特殊文本的文本框。

復(fù)制代碼
代碼如下:

<input type="url" name="user_url" />

3、number類型的應(yīng)用
number類型的input元素提供用于輸入數(shù)值的文本框。

復(fù)制代碼
代碼如下:

<input type="number" name="number1" min="1" max="20" step="4" />

4、range類型的應(yīng)用
range類型的input元素提供用于輸入包含一定范圍內(nèi)數(shù)字值得文本框,在網(wǎng)頁中顯示為滾動條。

復(fù)制代碼
代碼如下:

<input type="range" name="range1" min="1" max="30" />

5、日期檢出類型的應(yīng)用
輸入類型 HTML代碼  功能說明

復(fù)制代碼
代碼如下:

date <input type="date">

選取日、月、年
month <input type="month">
選取月、年

復(fù)制代碼
代碼如下:

week <input type="week">

選取周和年

復(fù)制代碼
代碼如下:

time <input type="time">

選取時間(小時和分鐘)

復(fù)制代碼
代碼如下:

datetime <input type="datetime">

選取時間、日、月、年(UTC時間)

復(fù)制代碼
代碼如下:

datetime-local
<input type="datetime-local"> 選取時間、日、月、年(本地時間)

6、search類型的應(yīng)用

search類型的input元素提供用于輸入搜索關(guān)鍵詞的文本框。

復(fù)制代碼
代碼如下:

<input type="search" name="search1" />
input[type="search"]{
-webkit-appearance:textfield;
}

7、tel類型的應(yīng)用
tel類型的input元素提供專門用于輸入電話號碼的文本框。

復(fù)制代碼
代碼如下:

<input type="tel" name="tel" />

8、color類型的應(yīng)用
color類型的input元素提供專門用于設(shè)置顏色的文本框。

復(fù)制代碼
代碼如下:

<input type="color" name="color" />

標(biāo)簽:鶴崗 德州 楊凌 黃山 蚌埠 撫順 內(nèi)蒙古 辛集

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《HTML5新增的8類INPUT輸入類型介紹》,本文關(guān)鍵詞  HTML5,新增,的,8類,INPUT,輸入,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《HTML5新增的8類INPUT輸入類型介紹》相關(guān)的同類信息!
  • 本頁收集關(guān)于HTML5新增的8類INPUT輸入類型介紹的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章