1、郵箱的自動驗證 只需要type=「email」
2、日期的驗證(年月日):type=」date」
3、時間的驗證(格式:00:00):type=」time」
4、數字的驗證 (可以向上加 向下減)type=」number」
5、月份(–年–月)type=」month」
6、周(–年–周)type=」week」
7、range(範圍0-100) type=」range」
8、search type=」search」
9、顏色的顏色大全:type=」color」
10、url驗證 (必須前面有http://—) type=」url」
日期:數字:
月份:星期:
range:
search:
顏色:url:
使用者名稱:
html新增表單屬性
1、required=「required」 驗證時 需要必填
2、placeholder=」請輸入使用者名稱」 預設值,給使用者提示的,不是提交到伺服器的
3、autofocus=」autofocus」 自動聚焦功能,提公升使用者友好
4、pattern=』\w』 在html元素中填寫正規表示式
在表單之外也可以提交表單 但是需要 在中 form=「myform」需要和form表單中的id的值相等即:
自動填充表單:(效果感覺要比下拉列表好多了 而且感覺效果挺好的)list的值要和datalist中的id的值相等這樣才能識別到我要顯示你的內容:
HTML5(六)表單合集
html5 有以下新的表單元素 元素規定輸入域的選項列表。屬性規定 form 或 input 域應該擁有自動完成功能。當使用者在自動完成域中開始輸入時,瀏覽器應該在該域中顯示填寫的選項 使用 元素的列表屬性與 元素繫結.例項 元素的作用是提供一種驗證使用者的可靠方法。標籤規定用於表單的金鑰對生成器字...
HTML5新增的表單驗證功能
html5 表單增加了許多內建的控制項和控制項屬性 xhtml 中需要放在 form 之中的諸如 input button select textarea 等標籤元素,在 html 5 中完全可以放在頁面任何位置,並通過新增的 form 屬性指向元素所屬表單的 id 值,即可關聯起來。email輸入...
HTML5智慧型表單
1 便於排版的form表單 html5為了方便排版,可以使form的表單標籤脫離form的巢狀。方法 form指定id,所有的標籤標籤都新增form id屬性。例如 2 form新型別 type email 郵箱 自帶格式校驗 type url 必須帶協議 自帶格式校驗 type date 日期選擇...