本文將為大家詳細(xì)介紹“HTML5中八個(gè)新增INPUT輸入類(lèi)型的使用示例”,內(nèi)容步驟清晰詳細(xì),細(xì)節(jié)處理妥當(dāng),而小編每天都會(huì)更新不同的知識(shí)點(diǎn),希望這篇“HTML5中八個(gè)新增INPUT輸入類(lèi)型的使用示例”能夠給你意想不到的收獲,請(qǐng)大家跟著小編的思路慢慢深入,具體內(nèi)容如下,一起去收獲新知識(shí)吧。
創(chuàng)新互聯(lián)建站憑借在網(wǎng)站建設(shè)、網(wǎng)站推廣領(lǐng)域領(lǐng)先的技術(shù)能力和多年的行業(yè)經(jīng)驗(yàn),為客戶(hù)提供超值的營(yíng)銷(xiāo)型網(wǎng)站建設(shè)服務(wù),我們始終認(rèn)為:好的營(yíng)銷(xiāo)型網(wǎng)站就是好的業(yè)務(wù)員。我們已成功為企業(yè)單位、個(gè)人等客戶(hù)提供了成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)服務(wù),以良好的商業(yè)信譽(yù),完善的服務(wù)及深厚的技術(shù)力量處于同行領(lǐng)先地位。
html的全稱(chēng)為超文本標(biāo)記語(yǔ)言,它是一種標(biāo)記語(yǔ)言,包含了一系列標(biāo)簽.通過(guò)這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一,使分散的Internet資源連接為一個(gè)邏輯整體,html文本是由html命令組成的描述性文本,html命令可以說(shuō)明文字,圖形、動(dòng)畫(huà)、聲音、表格、鏈接等,主要和css+js配合使用并構(gòu)建優(yōu)雅的前端網(wǎng)頁(yè)。
HTML5新增的8類(lèi)INPUT輸入類(lèi)型介紹,這8個(gè)新的輸入類(lèi)型分別是email類(lèi)型、url類(lèi)型、number類(lèi)型、range類(lèi)型、日期類(lèi)型、search類(lèi)型、tel類(lèi)型。
已經(jīng)有的輸入類(lèi)型 HTML代碼示例:
文本域 單選按鈕 復(fù)選框 下拉列表
在HTML5中,增加了多個(gè)新的表單input輸入類(lèi)型,通過(guò)使用這些新增元素,可以實(shí)現(xiàn)更好的輸入控制和驗(yàn)證。
1、email類(lèi)型的應(yīng)用
email類(lèi)型的input元素是一種專(zhuān)門(mén)用于輸入E-mail地址的文本輸入框,在提交表單的時(shí)候,會(huì)自動(dòng)驗(yàn)證email輸入框的值。
2、url類(lèi)型的應(yīng)用
url類(lèi)型的input元素提供用于輸入url地址這類(lèi)特殊文本的文本框。
3、number類(lèi)型的應(yīng)用
number類(lèi)型的input元素提供用于輸入數(shù)值的文本框。
4、range類(lèi)型的應(yīng)用
range類(lèi)型的input元素提供用于輸入包含一定范圍內(nèi)數(shù)字值得文本框,在網(wǎng)頁(yè)中顯示為滾動(dòng)條。
5、日期檢出類(lèi)型的應(yīng)用
輸入類(lèi)型 HTML代碼 功能說(shuō)明
date
選取日、月、年
month
選取月、年
week
選取周和年
time
選取時(shí)間(小時(shí)和分鐘)
datetime
選取時(shí)間、日、月、年(UTC時(shí)間)
datetime-local 選取時(shí)間、日、月、年(本地時(shí)間)
6、search類(lèi)型的應(yīng)用
search類(lèi)型的input元素提供用于輸入搜索關(guān)鍵詞的文本框。
input[type="search"] { -webkit-appearance:textfield; }
7、tel類(lèi)型的應(yīng)用
tel類(lèi)型的input元素提供專(zhuān)門(mén)用于輸入電話(huà)號(hào)碼的文本框。
8、color類(lèi)型的應(yīng)用
color類(lèi)型的input元素提供專(zhuān)門(mén)用于設(shè)置顏色的文本框。
如果你能讀到這里,小編希望你對(duì)“HTML5中八個(gè)新增INPUT輸入類(lèi)型的使用示例”這一關(guān)鍵問(wèn)題有了從實(shí)踐層面最深刻的體會(huì),具體使用情況還需要大家自己動(dòng)手實(shí)踐使用過(guò)才能領(lǐng)會(huì),如果想閱讀更多相關(guān)內(nèi)容的文章,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!