HTML button 標(biāo)簽參考手冊(cè)HTML <button> 標(biāo)簽

formmethod 屬性定義通過哪種方式發(fā)送 form-data,它將覆蓋 <form> 標(biāo)簽中的 method 屬性,請(qǐng)參考下述示例:

實(shí)例

帶有兩個(gè)提交按鈕的表單,第一個(gè)提交按鈕使用 method="get" 提交表單數(shù)據(jù),第二個(gè)提交按鈕使用 method="post" 提交表單數(shù)據(jù):

<form action="demo_form.html" method="get">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<button type="submit">提交</button>
<button type="submit" formmethod="post" formaction="demo_post.html">
使用 POST 提交</button>
</form>

嘗試一下 ?

瀏覽器支持

Internet Explorer Firefox Opera Google Chrome Safari

Internet Explorer 10, Firefox, Opera, Chrome, 和 Safari 支持 formmethod 屬性。

注意:Internet Explorer 9 及更早IE版本不支持 formmethod 屬性。


定義和用法

formmethod 屬性制定發(fā)送表單數(shù)據(jù)使用的 HTTP 方法。formmethod 屬性覆蓋 form 元素的 method 屬性。

formmethod 屬性需與 type="submit" 配合使用。

可以通過以下方式發(fā)送 form-data :

  • 以 URL 變量 (使用 method="get") 的形式來發(fā)送
  • 以 HTTP post (使用 method="post") 的形式來發(fā)送

使用 "get" 方法:

  • 表單數(shù)據(jù)在URL中以 name/value 對(duì)出現(xiàn)。
  • get傳送的數(shù)據(jù)量較小,不能大于2KB,這主要是因?yàn)槭躑RL長度限制。
  • 不要使用 "get" 方法傳送敏感信息!(密碼或者敏感信息會(huì)出現(xiàn)在瀏覽器的地址欄中)

使用 "post" 方法:

  • 以 HTTP post 形式發(fā)送表單數(shù)據(jù)。
  • 比 "get" 方法更強(qiáng)大更安全。
  • 沒有大小限制

HTML 4.01 與 HTML5之間的差異

formmethod 屬性是 HTML 5 中的新屬性。


語法

<button type="submit" formmethod="get|post">

屬性值

描述
get 向 URL 追加表單數(shù)據(jù)(form-data):URL?name=value&name=value
post 以 HTTP post 事務(wù)的形式發(fā)送表單數(shù)據(jù)(form-data)


HTML button 標(biāo)簽參考手冊(cè)HTML <button> 標(biāo)簽