input元素的url類型和email類型簡(jiǎn)介_HTML5教程
推薦:HTML5自定義data-* data(obj)屬性和jquery的data()方法的使用可能大家在使用jquery mobile時(shí),經(jīng)常會(huì)看到data-role、data-theme等的使用,這些都是HTML5自定義屬性,本文整理一些,需要的朋友可以參考下
在過(guò)去我們制作網(wǎng)頁(yè)輸入框,會(huì)用到不少JS驗(yàn)證,如今有了HTML5寫這種效果已經(jīng)沒(méi)有那么麻煩了,下面我來(lái)給大家介紹兩種HTML5的input的新增加的類型應(yīng)用。1、URL類型:
<form>
<input name="urls" type="url" value="http://m.dounai2.com/"/>
<input type="submit" value="提交"/>
</form>
設(shè)置此類型后,從外觀上來(lái)看與普通的元素差不多,可是如果你將此類型放到表單中之后,當(dāng)點(diǎn)擊提交按鈕,如果此輸入框中輸入的不是一個(gè)URL地址,將無(wú)法提交。
運(yùn)行效果如下圖:
2、Email類型:
<form>
<input name="email" type="email" value="http://m.dounai2.com/"/>
<input type="submit" value="提交"/>
</form>
如果我們講上面的URL類型的代碼中的type修改為email,那么在表單提交的時(shí)候,會(huì)自動(dòng)驗(yàn)證此輸入框中的內(nèi)容是否為email格式,如果不是,則無(wú)法提交。
如果你有不懂的,可以也可以直接給模板無(wú)憂留言,我會(huì)盡快回復(fù)大家的。
如果看懂這個(gè)以后,大家可以自己練習(xí)一下,把練習(xí)發(fā)上來(lái),幫助大家一起進(jìn)步!
分享:免費(fèi)獲得微軟MCSD證書趕快行動(dòng)吧!各位園友們,趕快行動(dòng)起來(lái)吧,免費(fèi)獲得微軟HTML5,JavaScript和CSS3的MCSD證書(價(jià)值一千多大洋)感興趣就一起來(lái)吧
相關(guān)HTML5教程:
- 只要五步 就可以用HTML5/CSS3快速制作便簽貼特效(圖)
- 網(wǎng)易微博Web App用HTML5開發(fā)的過(guò)程介紹
- HTML5 對(duì)各個(gè)標(biāo)簽的定義與規(guī)定:body的介紹
- 關(guān)于HTML5的安全問(wèn)題開發(fā)人員需要牢記的
- 關(guān)于HTML5的22個(gè)初級(jí)技巧(圖文教程)
- 開發(fā)人員所需要知道的HTML5性能分析面面觀
- HTML5 Web Database 數(shù)據(jù)庫(kù)的SQL語(yǔ)句的使用方法
- HTML5實(shí)踐-圖片設(shè)置成灰度圖
- HTML5安全介紹之內(nèi)容安全策略(CSP)簡(jiǎn)介
- HTML5 Web存儲(chǔ)方式的localStorage和sessionStorage進(jìn)行數(shù)據(jù)本地存儲(chǔ)案例應(yīng)用
- Bootstrap 學(xué)習(xí)分享
- HTML5自定義data-* data(obj)屬性和jquery的data()方法的使用
HTML5教程Rss訂閱Div+Css教程搜索
HTML5教程推薦
- HTML5 語(yǔ)音搜索只需一句代碼
- 突襲HTML5之Javascript API擴(kuò)展1—Web Worker異步執(zhí)行及相關(guān)概述
- HTML5本地存儲(chǔ)之Database Storage應(yīng)用介紹
- input file上傳文件樣式支持html5的瀏覽器解決方案
- HTML5使用ApplicationCache接口實(shí)現(xiàn)離線緩存技術(shù)解決離線難題
- html5 canvas-1.canvas介紹(hello canvas)
- html5 Canvas畫圖教程(8)—canvas里畫曲線之bezierCurveTo方法
- 使用HTML5的鏈接預(yù)取功能(link prefetching)給網(wǎng)站提速
- HTML5 Canvas像素處理使用接口介紹
- html5的新玩法——語(yǔ)音搜索
- 相關(guān)鏈接:
- 教程說(shuō)明:
HTML5教程-input元素的url類型和email類型簡(jiǎn)介。