HTML <button> formmethod 属性

返回上一级

HTML <button> 标签的 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 形式发送表单数据
  • 比 "get" 方法更强大更安全
  • 没有大小限制

语法

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

属性值

描述
get 向 URL 追加表单数据(form-data):URL?name=value&name=value
post 以 HTTP post 事务的形式发送表单数据(form-data)

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

Internet Explorer 9 及更早 IE 版本不支持 formmethod 属性

HTML 4.01 与 HTML5之间的差异

formmethod 属性是 HTML 5 中的新属性

范例

带有两个提交按钮的表单,第一个提交按钮使用 method="get" 提交表单数据,第二个提交按钮使用 method="post" 提交表单数据

<form action="/dy/html/getpost" >
    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>

运行范例 »

返回上一级

HTML 全部标签

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.