HTML5--表單的新增type屬性
阿新 • • 發佈:2019-03-07
服務 NPU min 最大 ear 名稱 其它 bsp 輸入
本文介紹了一些html5相對於之前的版本所沒有的部分表單標簽,用於平時查閱即可。
一、郵箱:
<input type="email">
email提供了默認的電子郵箱的完整驗證:要求必須包含@符號,同時必須包含服務器名稱,如果不能滿足驗證,則會阻止當前的數據提交
二、電話:
<input type="tel">
tel它並不是來實現驗證。它的本質目的是為了能夠在移動端打開數字鍵盤。意味著數字鍵盤限制了用戶只能輸入數字。 如何查看效果:qq發送文件>>手機端使用qq來接收>>使用手機瀏覽器查看。
三、網址:
<input type="url">
驗證只能輸入合法的網址:必須包含http:// 。
四、數量:
<input type="number" value="60" max="100" min="0">
number:只能輸入數字(包含小數點),不能輸入其它的字符
max:最大值
min:最小值
value:默認值
五、search:
<input type="search">
search:可以提供更人性化的輸入體驗。
六、 時間(24小時):
<input type="time">
七、日期(年 月 日):
<input type="date">
八、月份:
<input type="month">
九、星期:
<input type="week">
暫時寫這幾個常用的,後續慢慢添加。
HTML5--表單的新增type屬性