新しいウィンドウ(新しいタブ)でform送信先を開く方法

はじめに
新規タブでform送信先を開く
最後に

はじめに

inputタグのsubmitで送信したあとに新しいタブで開く方法の備忘録です。

jQueryを利用した方法から、HTMLタグのみで行う方法など色々ありますが、状況によっては機能しないものもあります。

自身の環境にあった方法がここでは見つかると思いますので、ご参考までに。

新規タブでform送信先を開く

formの属性にtarget=”_blank”を指定する

もっとも一般的に知られている方法です。

formタグにはtarget属性を指定することができ、下記のように指定することで新しいウィンドウ（新しいタブ）で開くことができます。

inputの属性にformtarget=”_blank”を指定する

あまり知られていないですが、inputタグの属性にはformtarget属性というものを指定することができます。

このformtargetですが、formタグのtarget属性に指定した開き方よりも優先されます。

ただし、HTML5から新たに導入された属性となります。

jQueryを使う

jQueryではさまざまな方法があるかと思いますが、ここでは一般的に利用する方法の紹介です。


    $(<span class="hljs-string">"form"</span>).submit(<span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{
        $(<span class="hljs-string">"form"</span>).attr(<span class="hljs-string">'target'</span>, <span class="hljs-string">'_blank'</span>);
        <span class="hljs-keyword">return</span> <span class="hljs-literal">true</span>;
    });