HTML5資料之表單

2021-09-12 07:30:47 字數 920 閱讀 1452

◆ 表單型別:

部分型別是針對移動裝置生效的,且具有一定的相容性,在實際應用當中可選擇性的使用。

–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...