HTML <button> formmethod 属性
实例
带有两个提交按钮的表单，第一个提交按钮使用 method="get" 提交表单数据，第二个提交按钮使用 method="post" 提交表单数据:
<form action="/action_page.php" method="get">
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<button type="submit">Submit</button>
<button type="submit" formmethod="post">Submit using POST</button>
</form>
亲自试一试 »
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<button type="submit">Submit</button>
<button type="submit" formmethod="post">Submit using POST</button>
</form>
定义和用法
formmethod 属性制定发送表单数据使用的 HTTP 方法。formmethod 属性覆盖 form 元素的 method 属性。
formmethod 属性需与 type="submit" 配合使用。
可以通过以下方式发送 form-data:
- 以 URL 变量 (使用 method="get") 的形式来发送
- 以 HTTP post (使用 method="post") 的形式来发送
使用 "get" 方法:
- 表单数据在URL中以 name/value 对出现。
- 它对于用户希望将结果添加到书签的表单提交非常有用
- get传送的数据量较小，不能大于2KB，这主要是因为受URL长度限制。
- 不要使用 "get" 方法传送敏感信息！(密码或者敏感信息会出现在浏览器的地址栏中)
使用 "post" 方法:
- 以 HTTP post 形式发送表单数据。
- 使用 post 方法提交的表单无法添加书签
- 比 "get" 方法更强大更安全。
- 没有大小限制
浏览器支持
表中的数字表示支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| formmethod | 9.0 | 10.0 | 4.0 | 5.1 | 15.0 |
语法
<button type="submit" formmethod="get|post">
属性值
| 值 | 描述 |
|---|---|
| get | 向 URL 追加表单数据（form-data）: URL?name=value&name=value |
| post | 以 HTTP post 事务的形式发送表单数据（form-data） |
