input元素的url類型和email類型是怎樣的

發(fā)布時(shí)間：2021-09-14 16:28:38 來(lái)源：億速云閱讀：115 作者：柒染欄目：web開(kāi)發(fā)

input元素的url類型和email類型是怎樣的，針對(duì)這個(gè)問(wèn)題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問(wèn)題的小伙伴找到更簡(jiǎn)單易行的方法。

1、URL類型：
<form>
        <input name="urls" type="url" value="http://www.kemok4.com/"/>
        <input type="submit" value="提交"/>
</form>
設(shè)置此類型后，從外觀上來(lái)看與普通的元素差不多，可是如果你將此類型放到表單中之后，當(dāng)點(diǎn)擊提交按鈕，如果此輸入框中輸入的不是一個(gè)URL地址，將無(wú)法提交。

運(yùn)行效果如下圖：
input元素的url類型和email類型是怎樣的
2、Email類型：
<form>
        <input name="email" type="email" value="http://www.kemok4.com/"/>
        <input type="submit" value="提交"/>
</form>
如果我們講上面的URL類型的代碼中的type修改為email，那么在表單提交的時(shí)候，會(huì)自動(dòng)驗(yàn)證此輸入框中的內(nèi)容是否為email格式，如果不是，則無(wú)法提交。

關(guān)于input元素的url類型和email類型是怎樣的問(wèn)題的解答就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，如果你還有很多疑惑沒(méi)有解開(kāi)，可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識(shí)。

向AI問(wèn)一下細(xì)節(jié)

input元素的url類型和email類型是怎樣的

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽