點評:本篇文章小編為大家介紹,HTML5 form標簽之解放表單驗證、增加文件上傳、集成拖放的使用方法。需要的朋友參考下
HTML中與form有關的東東
新增屬性 | 個人理解 |
form | html5之前,表單內的從屬元素需要放入標簽中,現在可以為標簽指定form標簽即可 點評:該功能解決了我們實際中遇到的一些問題,比如iframe模擬異步圖片上傳時,就必須將圖片寫到form外。 |
formaction formmethod | 該屬性用于按鈕(submit)讓表單提交頁面可又按鈕控制 formmethod指定各按鈕提交方式 |
placehoder | 該屬性非常有用,用于文本框中顯示提示信息,非常有用的一屬性 |
list | list屬性需要與datalist一同使用,相當于文本框,模擬select,非常適用的一個屬性 |
autofocus | 用于文本框主動獲取焦點,有用的東東 |
新增input屬性,解放驗證,各瀏覽器支持不好 | |
tel | 用于電話 |
url | 驗證url |
| 驗證郵箱 |
date/time | 日期類驗證,會出現日期選擇插件哦。。。 |
number | 只能是數字 |
range | 控制數字范圍 |
color | 顏色選擇器,好東西啊。。。 |
HTML5中增加了很多與form有關的屬性,說實在的,這些東西真心貼心啊?。?!很大程度上講:
完全解放表單驗證
若不是考慮兼容性問題,老夫恨不得立即投入其中,但一旦想起兼容性問題的話,你就會非常頭疼?。?!
因為原本很好的東西,卻是因為歷史的原因,反而會增加我們的工作量?。?!
在錯的時間,做對的事情,他看起來是對的,實際上也是對的。。。但你會發現,他錯了。。。。