知識總結之form表單屬性及H5新增特性
一、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新增特性