武林網(www.vevb.com)文章簡介:HTML5每日一練之input新增加的URL類型與email類型應用.
在過去我們製作此種類型輸入框,會用到不少JS驗證,如今,有了HTML5寫這種效果已經沒有那麼麻煩了,下面我來給大家介紹兩種HTML5的input的新增加的類型應用。
1、URL類型:
<form>
<input name=urls type=url value=/>
<input type=submit value=提交/>
</form>
設置此類型後,從外觀上來看與普通的元素差不多,可是如果你將此類型放到表單中之後,當點擊提交按鈕,如果此輸入框中輸入的不是一個URL地址,將無法提交。
2、Email類型:
<form>
<input name=urls type=email value=/>
<input type=submit value=提交/>
</form>
如果我們講上面的URL類型的代碼中的type修改為email,那麼在表單提交的時候,會自動驗證此輸入框中的內容是否為email格式,如果不是,則無法提交。