主頁 > 知識庫 > input元素的url類型和email類型簡介

input元素的url類型和email類型簡介
熱門標簽：智能手機 網(wǎng)站建設(shè) 阿里云 美圖手機 硅谷的囚徒呼叫中心 百度競價點擊價格的計算公式 檢查注冊表項 使用U盤裝系統(tǒng)
在過去我們制作網(wǎng)頁輸入框，會用到不少JS驗證，如今有了HTML5寫這種效果已經(jīng)沒有那么麻煩了，下面我來給大家介紹兩種HTML5的input的新增加的類型應(yīng)用。
1、URL類型：
<form>
        <input name="urls" type="url" value="https://www.jb51.net/"/>
        <input type="submit" value="提交"/>
</form>
設(shè)置此類型后，從外觀上來看與普通的元素差不多，可是如果你將此類型放到表單中之后，當點擊提交按鈕，如果此輸入框中輸入的不是一個URL地址，將無法提交。

運行效果如下圖：

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

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

標簽：通遼 懷化 湘潭 山南 煙臺 黃山 賀州 湖北

巨人網(wǎng)絡(luò)通訊聲明：本文標題《input元素的url類型和email類型簡介》，本文關(guān)鍵詞  ；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請?zhí)峁┫嚓P(guān)信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼

    • 電話咨詢

    • 400-1100-266