フォームは新しいタブで開きません

Question

これは私が使用しているコードですが、フォームにtarget = "_ blank"を指定しましたが、新しいタブでは開きません。

<script> 
function process() 
{ 
var url="https://website.com/search/" + document.getElementById("url").value; 
location.href=url; 
return false; 
} 
</script> 
<form action="https://website.com/search/" target="_blank" onSubmit="return process();"> 
Search: <input type="text" name="url" id="url"> <input type="submit" value="go"> 
</form> 

Answer 1

targetは、フォームがノーマルに提出された場合にのみ使用されます。これは、onsubmit関数からfalseを返すことで防げます。

フォームを送信する代わりにprocessが新しいURLにリダイレクトしているので、代わりに新しいウィンドウ/タブレットを開くことができます。あなたが関数から `false`のを返すときに、フォームが送信されませんので、アクションとターゲットは無視され

window.open(url, "_blank");