1、郵箱的自動驗證 只需要type=「email」
2、日期的驗證(年月日):type="date"
3、時間的驗證(格式:0程式設計客棧0: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、u驗證 (必須前面有http://---) type="url"
複製**
**如下:
url:
使用者名稱:" pattern='\w'/>
html新增表單屬性
1、required=「required」 驗證時 需要必填
2、placeholder="請輸入使用者名稱" 預設值,給使用者提示的,不是提交到伺服器的
3、autofocus="autofocus" 自動聚焦功能,提公升使用者友好
4、pattern='\w' 在html元素中填寫正規表示式
在表單之外也可以提交表單 但是需要 在中 form=「myform」需要和form表單中的id的值相等即:
自動填充表單:(效果感覺要比下拉列表好多了 而且感覺效果挺好的)list的值要和datalist中的id的值相等這樣才能識別到我要顯示你的內容:
複製**
**如下:
呵呵呵
喂喂喂
嘿嘿嘿
貼圖一張:
本文標題: html5的表單(絕對特別強大的功能)使用示例
本文位址:
HTML5 瘋狂的表單
第一 新的input type 我們熟悉的原來表單1.0的input type有 文字輸入框 密碼輸入框 核取方塊單選框 檔案選擇框 隱藏框提交按鈕框 重置按鈕框 普通按鈕框 表單2.0中新出的10個input type屬性有 以下詳細介紹各自的含義和功能 email 在表單提交時提供了格式驗證功能...
html5中的表單
1 form id aform action reg.php 2 p 請填寫表單內容以完成註冊!p 34 fieldset 5 legend legend 6 label for name 姓名 label 7 input id name placeholder ye feng autofocus ...
HTML5智慧型表單
1 便於排版的form表單 html5為了方便排版,可以使form的表單標籤脫離form的巢狀。方法 form指定id,所有的標籤標籤都新增form id屬性。例如 2 form新型別 type email 郵箱 自帶格式校驗 type url 必須帶協議 自帶格式校驗 type date 日期選擇...