无法让表单按钮链接在新窗口中打开

Question

我已经构建了一个小的表单按钮，但不知何故我无法在新选项卡中打开链接。我已经尝试了目标空白属性，但没有结果。我也尝试将 onclick="window.location.href 更改为 onclick="window.open.href 但似乎没有任何效果.. 这是 HTML：

    <form>
<input style="width: 100%;
min-width: 50px;
max-width: 300px;
 padding: 20px;
 cursor: pointer;
 box-shadow: 6px 6px 5px; #999;
 -webkit-box-shadow: 6px 6px 5px #999;
 -moz-box-shadow: 6px 6px 5px #999;
 font-weight: bold;
 background: #9b5103;
 color: #000;
 border-radius: 2px;
 border: 1px solid #999;
 font-size: 150%;" type="button" value="Kayak Tarifa" onclick="window.location.href='https://stackoverflow.com/'" />
</form>

</body>

Answer 1

使用 window.open()

onclick="window.open('https://stackoverflow.com/')"

工作演示：https://jsfiddle.net/gaq23jbL/1/

Answer 2

改用onclick="window.open('https://stackoverflow.com/', '_blank');"

input {
  width: 100%;
  min-width: 50px;
  max-width: 300px;
  padding: 20px;
  cursor: pointer;
  box-shadow: 6px 6px 5px #999;
  -webkit-box-shadow: 6px 6px 5px #999;
  -moz-box-shadow: 6px 6px 5px #999;
  font-weight: bold;
  background: #9b5103;
  color: #000;
  border-radius: 2px;
  border: 1px solid #999;
  font-size: 150%;
}

<form target="_blank">
  <input style="" type="button" value="Kayak Tarifa" onclick="window.open('https://stackoverflow.com/', '_blank');" />
</form>