HTML5新增表單標籤和屬性(6)

2021-10-08 06:57:44 字數 660 閱讀 3519

input標籤新增的type型別

(1) email:必須輸入郵件;

(2) url:必須輸入url位址;

(3) number :必須輸入數值;

(4) range :必須輸入一定範圍內的數值;

(5) date pickers :日期選擇器;

a.date :選取日、月、年

b.month:選取月、年

c.week :選取周和年

d.time :選取時間(小時和分鐘)

e.datetime:選取時間、日、月、年(utc時間)

f.datetime-local:選取時間、日、月、年(本地時間)(6) search :搜尋常規的文字域;

(7)color:顏色

1.formaction屬性覆蓋form元素的action屬性。該屬性與 type ="submit "配合使用。

2.form屬性規定input元素所屬的乙個或多個表單。該屬性的值必須是 其所屬表單的id。

3.placeholder該屬性提供可描述輸入字段預期值的提示資訊 ( hint)

4.autofocus該屬性規定當頁面載入時 input元素應該自動獲得焦點。

5.multiple該屬性規定輸入欄位可選擇多個值。

6.required該屬性規定必需在提交之前填寫輸入字段。

html5 表單屬性及 標籤

標籤 定義和用法 宣告必須位於html 5 文件中的第一行,也就是位於標籤之前。該標籤告知瀏覽 器文件所使用的html 規範。doctype 宣告不屬於html 標籤 tag 它是一條指令,告訴瀏覽器編寫頁面所用的標記的版本。在所有html 文件中規定doctype 是非常重要的,這樣瀏覽器就能了解...

HTML5新增表單元素和表單屬性

safari和ie9以下不支援,規定了輸入域的選項內容 與input元素配合使用,定義input輸入域的選項內容。ie完全不支援 作用 提供一種驗證使用者的可靠方法 用於表單的金鑰對生成器字段,當提交表單時,會生成兩個鍵,乙個是私鑰,乙個公鑰。私鑰 private key 儲存於客戶端,公鑰 pub...

HTML5新增input標籤屬性

一.input type屬性 1 以下是firefox顯示效果 每個瀏覽器上的預設顯示效果不同,可以通過css修改統一樣式 placeholder 屬性提供可描述輸入字段預期值的提示資訊 hint 該提示會在輸入欄位為空時顯示,並會在字段獲得焦點時消失。placeholder 屬性適用於以下的 型別...