關於html5標籤新屬性的應用

大家知道在做登錄或註冊頁面的時候  必不可少的用到了input 這個標籤一般都是

<input type="text" name="username" value="" />

寫郵箱的時候

<input type="text" name="email" value="" />

寫數字的時候

<input type="text" name="number" value="" />

不可避免的就是你在做提交的個上 你還是要去做一個js判斷是否爲空，現在html5已經在基礎上補充了這寫屬性

郵箱的話

<input type="email" name="username" value="" />

提交的時候瀏覽器會判斷你寫入的格式是不是email格式的是否有@和.com

還有number格式能上下拉選數字

<input type="number" name="number" value="" />

最強大的還是加入的日期格式

<pre name="code" class="html"><input type="time month" value="一個月" />

<input type="data time" value="日期時間" /><span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">//日曆格式</span>

<input type="data picrers" value="一個周" />//選擇一個周

<input type="output" value="計算器" />

<input type="search" value="搜索" />//測試了下，我最新的谷歌瀏覽器不支持

<input type="datalist" value="下拉" >
<option>選項1</option>
<option>選項2</option>
</input>

說了這麼多，總結一下吧，一般最新版本的谷歌，火狐 一般都是支持的，不支持的去我的上一篇博客有插件網址，安裝上就支持了。html5更加人性化，是一個未來的趨勢