在html中如何链接表单提交以在新标签中打开并链接相对URL?

时间:2021-03-07 07:51:23

标签: html forms submit

我正在尝试链接提交按钮以在新选项卡中打开我的 URL,但充其量我设法打开了一个错误窗口。表单操作是正确的方法吗?谢谢

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

3 个答案:

答案 0 :(得分:0)

试试这个

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

答案 1 :(得分:0)

您没有正确使用 action 属性。您必须在 _blank 属性中使用 target,然后指定在 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>

答案 2 :(得分:0)

由于 Eric 已经回答了这个问题,这里我只是在问题中复制了相同的 HTML 代码以便更容易理解

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

另外,问题已经有人回答了here