在html中如何链接表单提交以在新选项卡中打开并链接相对URL？

Posted 2023-02-24

【中文标题】在html中如何链接表单提交以在新选项卡中打开并链接相对URL？

【英文标题】：In html how to link form submit to open in new tab and link relative URL?

【发布时间】：2021-06-05 10:01:52

【问题描述】：

我正在尝试链接提交按钮以在新选项卡中打开我的 URL，但我最多只能打开一个错误窗口。表单操作是否正确？谢谢

<div class="container">
      <h3>Contact Form</h3>
    ***<form action="_blank><a href="Home.html"></a>***
      <input type="submit" value="Submit"><br>
    </form>
    </div>

【参考方案1】：

试试这个

<button title="button title" class="action primary tocart" onclick=" window.open('http://www.google.com', '_blank'); return false;">Google</button>

【参考方案2】：

您没有正确使用action 属性。您必须在target 属性中使用_blank，然后在action 属性中指定提交表单时发送表单数据的位置。阅读有关HTML Form Attributes here 的更多信息。

您的代码应如下所示：

<div class="container">
      <h3>Contact Form</h3>
      <form target="_blank" action="/receiveFormData.html"><a href="Home.html"></a>
      <input type="submit" value="Submit"><br>
    </form>
    </div>

【参考方案3】：

由于 Eric 已经回答了这个问题，因此我只是在问题中复制相同的 HTML 代码以便于理解

<div class="container">
  <h3>Contact Form</h3>
  <form target="_blank" action="Home.html">
    <input type="submit" value="Submit">
  </form>
</div>

另外，问题已经回答here