如何在 HTML 中设置表单提交时发送表单数据的目标位置？

当提交表单时，可以使用 HTML 的 <input> 元素的 formaction 属性来指定输入控件处理文件的 URL。formaction 属性在表单提交时被调用。提交表单后，表单数据必须发送到服务器。

以下是一些示例…

示例：使用 method = “post”

在以下示例中，我们使用 method=”post” 提交表单。

<!DOCTYPE html>
<html>
<body>
   <FORM action="https://tutorialspoint.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://tutorialspoint.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>

输出

执行上述脚本后，它将显示一个包含姓氏、名字的输入类型字段，以及一个提交按钮。当我们点击提交按钮时，表单将被提交。

更新于: 2022年9月5日

172 次浏览

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告