菜单
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

HTML <button> formmethod 属性

❮ HTML <button> 标签

示例

一个包含两个提交按钮的表单。第一个提交按钮使用 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> 标签
×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持