Button formMethod 属性

HTML DOM Button 对象

定义和用法

formMethod 属性设置或返回按钮的 formmethod 属性 的值。

formmethod 属性规定发送表单数据时使用的 HTTP 方法。此属性覆盖表单的 method 属性。

formmethod 属性仅用于 type="submit" 的按钮。

表单数据可以作为 URL 变量（使用 method="get"）或作为 HTTP post（使用 method="post"）发送。

关于 "get" 方法的注意事项：

  • 它将表单数据以名称/值对的形式附加到 URL
  • 这对于用户想要对结果添加书签的表单提交很有用
  • 可在 URL 中放置的数据量是有限制的（因浏览器而异），因此，您不能确定所有表单数据都会正确传输
  • 切勿使用 "get" 方法传递敏感信息！（密码或其他敏感信息将显示在浏览器的地址栏中）

关于 "post" 方法的注意事项：

  • 它将表单数据作为 HTTP post 事务发送
  • 使用 "post" 方法提交的表单无法添加被书签
  • 比 "get" 更健壮和安全
  • 没有尺寸限制

注释：formmethod 属性 是 HTML5 中 <button> 元素的新属性。

实例

例子 1

返回发送表单数据时使用的 HTTP 方法：

var x = document.getElementById("myBtn").formMethod;

亲自试一试

例子 2

更改发送表单数据的方法：

document.getElementById("myBtn").formMethod = "post";

亲自试一试

例子 3

另一个返回 formMethod 属性的例子：

var x = document.getElementById("myBtn").formMethod;

亲自试一试

语法

返回 formMethod 属性：

buttonObject.formMethod

设置 formMethod 属性：

buttonObject.formMethod = get|post

属性值

值 描述
get 将表单数据附加到 URL: URL?name=value&name=value
post 将表单数据作为 HTTP post 事务发送

技术细节

返回值： 字符串值，表示用于向服务器提交表单的 HTTP 方法。

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 10.0 支持 支持 支持

相关页面

HTML 参考手册：HTML <button> formmethod 属性

HTML DOM Button 对象