◆ 表單型別:
部分型別是針對移動裝置生效的,且具有一定的相容性,在實際應用當中可選擇性的使用。
–datetime:時間日期
◆ 表單元素:
1.:資料列表,與input 配合使用
智慧型下拉列表,可以模糊匹配,與select標籤明顯不同
寶馬寶駿
寶強寶寶
奧迪奧迪奧
迪奧選項1
選項1選項1
選項1
2.:輸出資訊
3.:生成金鑰的 用於表單安全傳輸
4.:度量器
5.:進度條
◆ 表單屬性:
1.placeholder:提示文字(佔位符)
在表單輸入框中顯示提示文字
2.autofocus:自動獲取焦點
3.multiple:多選,上傳多個檔案
4.autocomplete 自動完成(填充的),在表單下方顯示之前填寫過的資料供選擇,預設on開啟,off為取消自動提示
5.novalidate:關閉自帶的表單標籤驗證功能,可用於form標籤
6.required:必填項
7.pattern:自定義正則驗證
手機號:
注:1-4示例:
使用者名稱:
◆ 表單事件:
1.oninput:當使用者輸入時觸發
2.oninvalid:當驗證不通過是觸發
可以用來設定驗證不通過時的提示文字
obj.oninvalid=function()
HTML5之表單 一
html5對表單進行了許多的擴充和完善,增加了許多新的功能能夠設計出更新穎的特性。html5表單的新特性包括新的input型別 新的表單元素 新的表單屬性以及新增的表單驗證功能。新的input型別 2 url型別 用於驗證是否是合法的位址域,當提交表單的時候,表單的內容就會通過url裡面所寫的位址傳...
HTML5智慧型表單
1 便於排版的form表單 html5為了方便排版,可以使form的表單標籤脫離form的巢狀。方法 form指定id,所有的標籤標籤都新增form id屬性。例如 2 form新型別 type email 郵箱 自帶格式校驗 type url 必須帶協議 自帶格式校驗 type date 日期選擇...
HTML5表單屬性
1.6.input的formenctype屬性 用於表單提交到伺服器的資料編碼 只對form表單中method post 表單 該屬性會覆蓋form元素的enctype屬性。7 input formmethod屬性,定義了表單的提交方式,覆蓋了form元素的method屬性 8 input form...