HTML <button> formmethod 属性
示例
一个包含两个提交按钮的表单。第一个提交按钮使用 method="get" 提交表单数据,第二个提交按钮使用 method="post" 提交表单数据。
<form action="/action_page.php" method="get">
<label for="fname">名:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">姓氏:</label>
<input type="text" id="lname" name="lname"><br><br>
<button type="submit">提交</button>
<button type="submit" formmethod="post">使用 POST 提交</button>
</form>
自己动手试一试 »
定义和用法
formmethod
属性指定了发送表单数据时要使用的 HTTP 方法。此属性会覆盖表单的 method
属性。
formmethod
属性仅用于 type="submit"
的按钮。
表单数据可以作为 URL 变量(使用 method="get"
)发送,也可以作为 HTTP POST 请求(使用 method="post"
)发送。
关于“get”方法的注意事项
- 它将表单数据以名称/值对的形式附加到 URL 中
- 它适用于用户想要收藏结果的表单提交
- URL 中可以放置的数据量有限(因浏览器而异),因此,您不能确定所有表单数据都能正确传输
- 切勿使用“get”方法传递敏感信息!(密码或其他敏感信息将在浏览器的地址栏中可见)
关于“post”方法的注意事项
- 它将表单数据作为 HTTP post 事务发送
- 使用“post”方法的表单提交无法被收藏
- 它比“get”更健壮和安全
- 它没有大小限制
浏览器支持
表格中的数字表示完全支持该属性的第一个浏览器版本。
Attribute | |||||
---|---|---|---|---|---|
formmethod | 9.0 | 10.0 | 4.0 | 5.1 | 15.0 |
语法
<button type="submit" formmethod="get|post">
属性值
值 | 描述 |
---|---|
get | 将表单数据附加到 URL:URL?name=value&name=value |
post | 将表单数据作为 HTTP post 事务发送 |
❮ HTML <button> 标签