菜单
×
   ❮     
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 <form> method 属性

❮ HTML <form> 标签

示例

使用 "get" 方法提交表单

<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>
  <input type="submit" value="提交">
</form>
自己动手试一试 »

更多“自己尝试”的例子见下文。


定义和用法

method 属性指定如何发送表单数据(表单数据被发送到 action 属性指定的页面)。

表单数据可以作为 URL 变量(使用 method="get")或作为 HTTP post 事务(使用 method="post")发送。

GET 注意事项

  • 将表单数据以 name/value 对的形式追加到 URL 中
  • URL 的长度有限制(约 3000 个字符)
  • 切勿使用 GET 发送敏感数据!(会显示在 URL 中)
  • 适用于用户希望书签化结果的表单提交
  • GET 适用于非安全数据,例如 Google 中的查询字符串

POST 注意事项

  • 将表单数据追加到 HTTP 请求的正文中(数据不会显示在 URL 中)
  • 没有大小限制
  • 使用 POST 提交的表单无法收藏

浏览器支持

Attribute
method


语法

<form method="get|post">

属性值

描述
get 默认。将表单数据以名称/值对的形式附加到 URL 中:URL?name=value&name=value
post 将表单数据作为 HTTP post 事务发送
dialog 当表单位于 <dialog> 元素内时,它会关闭对话框并触发提交事件,而不会提交数据或清除表单

更多示例

示例

使用 "post" 方法提交表单

<form action="/action_page.php" method="post">
  <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>
  <input type="submit" value="提交">
</form>
自己动手试一试 »

❮ HTML <form> 标签
×

联系销售

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

报告错误

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

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

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