HTML5新增的表單元素

2021-10-04 06:39:48 字數 845 閱讀 4869

html5新增的表單元素

progress進度條

max     進度元素所要求的任務的工作量,預設值為1

value 已經完成的工作量,如果max值為1,該值必須是介於0~1之間的小數

例如:

output使用者動作產生的結果

name    定義元素的名稱

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

內容

meter規定範圍內的數量值

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

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

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

low 規定範圍的下限值必須小於或等於high屬性的值

high 規定範圍的上限值

optimum 最佳值

1.optimumhigh紅色

2.low<=optimum<=high(或者沒有optimum) 在中間就好 low<=value<=high 綠色,其他黃色,和沒有optimum一樣

3.optimum>high 越大越好 valuehigh綠色

datalist其他控制項可用的值

其值通過作為datalist的子元素存在

即:

HTML5中新增的表單元素

相容性 input type iefirefox opera chrome safari email no4.0 9.010.0 no urlno4.0 9.010.0 no number nono9.0 7.0no search no4.0 11.0 10.0 no color nono11.0 ...

HTML5表單元素

新的表單元素 1.datalist元素 規定輸入域的選項列表,datalist屬性規定form或input域應該擁有的自動完成的功能。當使用者在自動完成域中開始輸出時,瀏覽器應該在域中顯示填寫的選項。2.keygen提供一種驗證使用者的可靠方法。用於表單的金鑰對生成器字段。當提交表單時,會生成兩個鍵...

HTML 5 表單元素

html5 的新的表單元素 html5 擁有若干涉及表單的元素和屬性。本章介紹以下新的表單元素 datalist 元素 datalist 元素規定輸入域的選項列表。列表是通過 datalist 內的 option 元素建立的。如需把 datalist 繫結到輸入域,請用輸入域的 list 屬性引用 ...