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">使用 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" 更健壮且更安全
- 它没有大小限制
浏览器支持
表中的数字指定完全支持该属性的第一个浏览器版本。
属性 | |||||
---|---|---|---|---|---|
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> 标签