无法获取表单按钮链接即可在新窗口中打开

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

使用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>

Answer 2

使用window.open（）

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

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