H5新增表單type屬性
阿新 • • 發佈:2018-11-19
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form action=""> 使用者名稱:<input type="text" /><br> 密碼:<input type="password" /><br> 郵箱:<input type="email" /><br><!--提供了預設的電子郵箱的完整驗證,提交時驗證,必須包含@必須包含域名,如果不能滿足驗證則會阻止當前的資料提交--> 電話:<input type="tel" /><br> <!--目的在移動端切換到數字鍵盤,意味著數字鍵盤限制了使用者只能輸入數字--> 網址:<input type="url" /><br> <!--提供了驗證只能輸入合法網址驗證 必須包含http://--> 數字:<input type="number" value="10" max="20" min="0" /><br><!-- 只能輸入數字(包含小數點)不能輸入其他字元 value預設值max最大值min最小值--> 請輸入商品名稱:<input type="search" /><br><!--人性化的輸入體驗,右邊可以刪除,可刪除全部--> 範圍:<input type="range" max="100" min="0" value="50"/><br><!--max min value不寫預設也是50--> 顏色:<input type="color" /><br><!--value值就是其顏色 可以選擇顏色 可以通過js獲取該value值為該顏色--> 時間:<input type="time" /><br><!--時分秒--> 日期:<input type="date" /><br> <!--年月日 datetime大多瀏覽器不支援--> <!--年月日時分秒--> 日期時間:<input type="datetime-local" /><br> 月:<input type="month" /><br> <!----> 周:<input type="week" /><br> <input type="submit" value="提交" /> </form> </body> </html>