濮阳杆衣贸易有限公司

主頁(yè) > 知識(shí)庫(kù) > input元素的url類(lèi)型和email類(lèi)型簡(jiǎn)介

input元素的url類(lèi)型和email類(lèi)型簡(jiǎn)介

熱門(mén)標(biāo)簽:江蘇高頻外呼系統(tǒng)線路 搜狗星級(jí)酒店地圖標(biāo)注 會(huì)聲會(huì)影怎樣做地圖標(biāo)注效果 平頂山電子地圖標(biāo)注怎么修改 地圖標(biāo)注自己去過(guò)的地方 標(biāo)準(zhǔn)智能外呼系統(tǒng) 高德地圖標(biāo)注錯(cuò)誤怎么修改 洛陽(yáng)市伊川縣地圖標(biāo)注中心官網(wǎng) 電銷(xiāo)機(jī)器人視頻
在過(guò)去我們制作網(wǎng)頁(yè)輸入框,會(huì)用到不少JS驗(yàn)證,如今有了HTML5寫(xiě)這種效果已經(jīng)沒(méi)有那么麻煩了,下面我來(lái)給大家介紹兩種HTML5的input的新增加的類(lèi)型應(yīng)用。
1、URL類(lèi)型:
<form>
        <input name="urls" type="url" value="https://www.jb51.net/"/>
        <input type="submit" value="提交"/>
</form>
設(shè)置此類(lèi)型后,從外觀上來(lái)看與普通的元素差不多,可是如果你將此類(lèi)型放到表單中之后,當(dāng)點(diǎn)擊提交按鈕,如果此輸入框中輸入的不是一個(gè)URL地址,將無(wú)法提交。

運(yùn)行效果如下圖:

2、Email類(lèi)型:
<form>
        <input name="email" type="email" value="https://www.jb51.net/"/>
        <input type="submit" value="提交"/>
</form>
如果我們講上面的URL類(lèi)型的代碼中的type修改為email,那么在表單提交的時(shí)候,會(huì)自動(dòng)驗(yàn)證此輸入框中的內(nèi)容是否為email格式,如果不是,則無(wú)法提交。

如果你有不懂的,可以也可以直接給腳本之家留言,我會(huì)盡快回復(fù)大家的。
如果看懂這個(gè)以后,大家可以自己練習(xí)一下,把練習(xí)發(fā)上來(lái),幫助大家一起進(jìn)步!

標(biāo)簽:常德 鄂爾多斯 廣東 阿克蘇 蚌埠 松原 廣西 果洛

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《input元素的url類(lèi)型和email類(lèi)型簡(jiǎn)介》,本文關(guān)鍵詞  input,元素,的,url,類(lèi)型,和,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《input元素的url類(lèi)型和email類(lèi)型簡(jiǎn)介》相關(guān)的同類(lèi)信息!
  • 本頁(yè)收集關(guān)于input元素的url類(lèi)型和email類(lèi)型簡(jiǎn)介的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    壤塘县| 建宁县| 南丹县| 双城市| 龙门县| 太白县| 荃湾区| 绥中县| 津市市| 洪雅县| 大方县| 蓝山县| 本溪| 江达县| 丰城市| 赤水市| 哈尔滨市| 鹤庆县| 库车县| 天津市| 绥芬河市| 东城区| 陆川县| 和龙市| 海城市| 台东县| 永靖县| 自贡市| 原阳县| 雅江县| 徐闻县| 贵港市| 洛扎县| 六盘水市| 凤山县| 南城县| 八宿县| 红原县| 龙州县| 专栏| 上杭县|