HTML5每日一練之input新增加的URL類型與email類型應用

標籤：style   http   strong   width   for   html   

1、URL類型：

1. <form>
2.         <input name="urls" type="url" value="http://www.w3cfuns.com/"/>
3.         <input type="submit" value="提交"/>
4. </form>

複製代碼

設定此類型後，從外觀上來看與普通的元素差不多，可是如果你將此類型放到表單中之後，當點擊提交按鈕，如果此輸入框中輸入的不是一個URL地址，將無法提交。

運行效果如：
<ignore_js_op>

2、Email類型：

1. <form>
2.         <input name="urls" type="email" value="http://www.w3cfuns.com/"/>
3.         <input type="submit" value="提交"/>
4. </form>

複製代碼

如果我們講上面的URL類型的代碼中的type修改為email，那麼在表單提交的時候，會自動驗證此輸入框中的內容是否為email格式，如果不是，則無法提交。

運行效果如：
<ignore_js_op>