设置在 HTML 中提交表单时将表单数据发送到何处?

htmlweb developmentfront end technology更新于 2025/4/10 1:16:17

提交表单时，使用 HTML 的 <input> formaction 属性指定输入控件处理文件的 URL。表单提交后，将调用 formaction 属性。提交表单后，必须将表单数据传递到服务器。

以下是示例……

示例:使用 method = "post"

在下面的示例中，我们使用 method="post" 提交表单


<!DOCTYPE html>
<html>
<body>
   <FORM action="https://www.cainiaomax.com/index.htm" method="post">
      <P>
         <LABEL for="firstname">First name: </LABEL>
         <INPUT type="text" id="firstname"><BR>
         <LABEL for="lastname">Last name: </LABEL>
         <INPUT type="text" id="lastname"><BR>
         <LABEL for="email">email: </LABEL>
         <INPUT type="text" id="email"><BR>
         <INPUT type="radio" name="sex" value="Male"> Male<BR>
         <INPUT type="radio" name="sex" value="Female"> Female<BR>
         <INPUT type="submit" value="Send"> <INPUT type="reset">
      </P>
   </FORM>
</body>
</html>

输出

脚本执行时，将显示名字、姓氏、电子邮件以及男女单选按钮的输入类型，以及发送和重置按钮。点击发送按钮后，表单将被提交。

示例:使用 method = "get"

在以下示例中，我们使用 method="get" 提交表单


<!DOCTYPE html>
<html>
<body>
   <form action="https://www.cainiaomax.com/index.htm" method="get" target="_blank">
      <label for="fname">First name:</label>
      <input type="text" id="fname" name="fname"><br><br>
      <label for="lname">Last name:</label>
      <input type="text" id="lname" name="lname"><br><br>
      <input type="submit" value="Submit">
   </form>
</body>
</html>