Menu
×
   ❮     
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 的注意事项

  • 将表单数据追加到 URL 中,以名称/值对的形式。
  • URL 的长度有限制(约 3000 个字符)。
  • 切勿使用 GET 发送敏感数据!(数据将在 URL 中可见)。
  • 对于用户想要将结果添加为书签的表单提交来说很有用。
  • GET 更适合于非安全数据,例如 Google 中的查询字符串。

关于 POST 的注意事项

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

浏览器支持

属性
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> 标签
×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.