HTML5中form的新增屬性或元素

1.新增的表單元素url

1.1 progress
表示任務的完成狀況,經常使用於進度條。spa

  • max 定義進度元素所要求的任務的工做量,默認值爲1
  • value 定義已經完成的工做量,若是max值爲1,該值必須是介於0~1之間的小數。
<progress value="70",max="100">70%</progress>

圖片描述

1.2 output
表示用戶動做產生的結果.插件

name 定義元素的名稱 for 其餘元素的id列表,代表這些元素爲計算提供了輸入值(或其餘影響)。
圖片描述code

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

  1. value:在元素中特意表示出來的實際值,該值在min與max之間,若是未指定,該值默認爲1
  2. min :指定規定範圍時容許使用的最小值,默認爲0 max :指定規定範圍時容許使用的最大值,默認爲1
  3. low :規定範圍的下限值必須小於或等於high屬性的值 high:規定範圍的上限值(表示較高危險的意思)
  4. optimum :最佳值
<p>He got a <meter low="69" high="80" max="100" value="84">B</meter> on the exam.</p>

1.4 datalist圖片

下拉列表,表示其餘控件可用的值,其值經過<option>做爲datalist的子元素存在
![圖片描述][3]

2. input的type屬性值
在H5中,對input的type進行了擴展,能夠有更多的取值get

2.1 search 搜索框
2.2 placeholder 提示輸入內容
2.3 日期相關:input

date 日期控件(年,月,日,不包含時間);
time 時間控件;
datatime 日期時間控件;
month 日期插件(年,月);
week 日期插件(年,周)。it

2.4 功能相關:io

email email控件
url 地址控件
tel 電話控件

3.提交按鈕上新增的屬性(記憶)
在H5中,能夠將表單內的從屬元素書寫在頁面上的任何地方,而後爲該元素指定一個form屬性,屬性值爲該表單的id。

<input type="submit">

3.1 formaction
通常用於提交按鈕和圖片按鈕上,用於指定處理表單提交的後臺程序,能夠重寫form中的action屬性。

3.2 formmethod
通常用於提交按鈕和圖片按鈕上,用於指定處理表單的內容類型。

3.3 formenctype
通常用於提交按鈕和圖片按鈕上,用於指定表單的提交方式。

3.4 formtarget通常用於提交按鈕和圖片按鈕上,用於指定表單提交後在哪裏顯示響應頁面。

相關文章
相關標籤/搜索