無法獲取表單按鈕鏈接即可在新窗口中打開

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/