HTML5中form的新增屬性或元素

2021-09-13 22:30:33 字數 1445 閱讀 8837

1.新增的表單元素

1.1 progress

表示任務的完成情況,常用於進度條。

表示使用者動作產生的結果.

name 定義元素的名稱 for 其他元素的id列表,表明這些元素為計算提供了輸入值(或其他影響)。

刻度條,表示規定範圍內的數量值。

value:在元素中特地表示出來的實際值,該值在min與max之間,如果未指定,該值預設為1

min :指定規定範圍時允許使用的最小值,預設為0 max :指定規定範圍時允許使用的最大值,預設為1

low :規定範圍的下限值必須小於或等於high屬性的值 high:規定範圍的上限值(表示較高危險的意思)

optimum :最佳值

he got a b on the exam.

1.4 datalist

下拉列表,表示其他控制項可用的值,其值通過作為datalist的子元素存在

![描述][3]

2. input的type屬性值在h5中,對input的type進行了擴充套件,可以有更多的取值

2.1 search 搜尋框

2.2 placeholder 提示輸入內容

2.3 日期相關:

date 日期控制項(年,月,日,不包含時間);

time 時間控制項;

datatime 日期時間控制項;

month 日期外掛程式(年,月);

week 日期外掛程式(年,周)。

2.4 功能相關:

email email控制項

url 位址控制項

tel **控制項

3.提交按鈕上新增的屬性(記憶)

在h5中,可以將表單內的從屬元素書寫在頁面上的任何地方,然後為該元素指定乙個form屬性,屬性值為該表單的id。

3.1 formaction

一般用於提交按鈕和按鈕上,用於指定處理表單提交的後台程式,可以重寫form中的action屬性。

3.2 formmethod

一般用於提交按鈕和按鈕上,用於指定處理表單的內容型別。

3.3 formenctype

一般用於提交按鈕和按鈕上,用於指定表單的提交方式。

3.4 formtarget

一般用於提交按鈕和按鈕上,用於指定表單提交後在**顯示響應頁面。

HTML5中form表單新新增的屬性

通常form表單需要method和action兩種屬性 action指明了表單的提交路徑 method指明了提交的方法 有get和post兩種 get 用?關聯資料 用 連線多個資料 缺點 資料傳輸量有限 安全性問題 賬戶密碼等各種敏感資訊容易被人獲取 post 提交之後不會顯示任何資訊 資料傳輸量...

HTML5新增屬性

html5的input標籤新增了很多屬性,也是讓大家非常興奮的一件事,用簡單的乙個屬性搞定以前複雜的js驗證。input新增的這些屬性,使得html和js的分工更明確了,使用起來十分舒暢。size medium 新增屬性一 size autoconmplete autoconmplete可以賦值為 ...

Html5中的表單新增屬性

name 標識表單提交時的key值 min 輸入框中的最小值 max 輸入框中的最大值 step 增加 減小的步長 文字框會自動校驗是否符合郵箱的正規表示式 效果圖 顯示數字的範圍框 在h5中,不用增加外掛程式,就能實現日曆的功能,當前只有谷歌提供了原生的日曆 屬性值 week 周 date 日期 ...