html怎么让表单数据提交到新窗口-html教程-PHP中文网

html怎么让表单数据提交到新窗口

星降

发布： 2025-07-02 15:42:02

原创

573人浏览过

要让表单提交后数据在新窗口打开，可使用

标签的 target 属性。它控制着表单提交后响应内容在哪里显示。如果你希望结果在新窗口中打开，可以将 target 设置为 _blank： html怎么让表单数据提交到新窗口

<form action="submit.php" method="post" target="_blank">
  <input type="text" name="username">
  <input type="submit" value="提交">
</form>

登录后复制

这样用户点击“提交”按钮后，服务器返回的内容就会在一个新的浏览器标签页中打开。

立即学习“前端免费学习笔记（深入）”；

需要注意的是：

这个方法对 GET 和 POST 方法都适用。
如果你用的是框架（frameset）或 iframe，也可以通过设置 target 为某个 frame 的 name 来控制输出位置。
新窗口的行为由浏览器决定，有些浏览器可能会阻止弹出窗口，这时候需要用户手动允许。

配合 JavaScript 更灵活控制

如果你需要更复杂的逻辑，比如动态修改提交行为、验证后再打开新窗口等，可以用 JavaScript 来辅助。

一种常见做法是监听表单的提交事件，然后通过 window.open() 手动打开一个新窗口，并通过 POST 或 GET 的方式发送数据。

例如：

<form id="myForm" action="submit.php" method="post">
  <input type="text" name="username">
  <input type="button" value="提交到新窗口" onclick="submitToNewWindow()">
</form>

<script>
function submitToNewWindow() {
  const form = document.getElementById('myForm');
  form.target = '_blank';
  form.submit();
}
</script>

登录后复制

这里我们没有使用默认的提交按钮（submit），而是用了一个 button 类型的按钮，绑定函数来触发提交。这样做可以更灵活地插入其他操作，比如验证输入、记录日志等。