1. 程式人生 > >知識總結之form表單屬性及H5新增特性

知識總結之form表單屬性及H5新增特性

bsp ron mit 驗證 pick -s value 地址欄 屬性

一、form的幾大屬性

  1.method屬性

    規定用於發送 form-data 的 HTTP 方法,即請求的方式;主要用來提交參數與後臺數據進行交互。

    分為GET和POST兩種方式,GET請求時將請求的參數直接拼接在請求路徑的後面,顯示在地址欄,相比POST不太安全。

  2.action屬性

    指定請求路徑的具體地址。

  3.target屬性

    規定在何處打開 action URL: 

      _blank:在新的瀏覽器窗口中打開

      _parent:在父級瀏覽器窗口中打開

      _self:在當前窗口打開

      _top:在頂級瀏覽器窗口中打開

      framename:在指定的窗口打開

    示例: 此時即在新窗口中打開

<form action="form_action.asp" method="get" target="_blank">
  <p>First name: <input type="text" name="fname" /></p>
  <p>Last name: <input type="text" name="lname" /></p>
  <input type="submit" value="Submit" />
</form>

  4.name屬性

    定義該表單名稱,使用較少。

二、HTML5中的新特性 (摘自W3school)

  1.autocomplete屬性

    規定 form 或 input 域應該擁有自動完成功能,即是否自動提交(on/off)

    註:autocomplete 適用於 <form> 標簽,以及以下類型的 <input> 標簽:text, search, url, telephone, email, password, datepickers, range 以及 color.

  2.novalidate屬性

    規定在提交表單時不應該驗證 form 或 input 域。(使用該屬性時不驗證即可直接提交

,慎用)。

    使用時直接在標簽中添加 novalidate="true"

    註:novalidate 屬性適用於 <form> 以及以下類型的 <input> 標簽:text, search, url, telephone, email, password, date pickers, range 以及 color.

知識總結之form表單屬性及H5新增特性