1. 程式人生 > >4.新增表單相關的屬性

4.新增表單相關的屬性

ext require orm nodelist node ogr 位置 data 以及

新增表單相關的屬性

  1、可以對input(type=text)、select、textarea與button元素指定autofocus屬性。它以指定屬性的方式讓元素在打開頁面時自動獲得焦點。

  2、可以對input(type=text)和textarea元素指定placeholder屬性,它會對用戶的輸入進行提示,提示用戶可以輸出的內容。

  3、可以對input、output、select、textarea、button與fieldset指定form屬性,聲明它屬於哪個表單,然後將其放置在頁面上的任何位置,而不是表單之內。

  4、可以對input元素(type=text)與textarea預算指定required屬性。該屬性表示在用戶提交的時候進行檢查,檢查該元素內一定要有輸入的內容。

  5、為input元素增加了幾個新的屬性:autocomplete、min、max、multiple、pattern與step。同時還有一個新的list元素也datalist元素配合使用。datalist元素與autocomplete屬性配合使用。multiple屬性允許在上傳文件時一次上傳多個文件。

  6、為input元素與button元素增加了新屬性formaction。formenctype、formmethod、formnovalidate與formtarget,它們可以重載form元素的action。enctype、method、novalidate與target屬性。為fieldset元素增加了disabled屬性,用於把他的子元素設為無效的。

  7、為input元素、button元素form元素增加了novalidate屬性,該屬性可以取消提交時進行的有關檢查,表單可以被無條件提交。

  8、為所有可用標簽(label元素)的表單元素(包括非隱藏的input元素(type屬性不等於hidden)、button元素select元素、textarea、meter元素output元素、progress元素以及keygen元素)定義一個labels屬性,屬性值為一個NodeList對象,代表該元素所綁定的標簽元素所構成的集合。

  9、可以在標簽(label元素)內部放置一個表單元素,並且通過該標簽的control屬性訪問該表單元素。

  10、針對input元素與textarea元素,在HTML5中增加SelectionDirection屬性。當用戶在這兩個元素中用鼠標選取部分文字時,可以使用該屬性來獲取選取方向。當用戶正向選取文職是,該屬性為“forward--默認”,反向是為“backward”。

  11、對復選框(checkbox元素)添加indeterminate屬性,以說明復選框處於“尚未明確是否選取”狀態。

  12、對類型為image的input元素添加用於指定圖片按鈕中圖片高度的height屬性與圖片寬度的width屬性。

  13、對textarea元素新增用於限定可輸入文字個數的maxlength屬性與用於指定表單提交時是否在文字換行出添加換行符的wrap屬性。

4.新增表單相關的屬性