HTML5:ボタンごとに新規ウィンドウを開いてフォームを送信したりする方法

ボタンごとにフォームの送信先を指定することができます。

ボタン要素のformtarget属性で指定します。

formtarget属性は、HTML5で追加されました。

やり方はこんな感じ。

<form action="save.html" method="post" target="_self">
    <input name="user_name">
    <button type="submit" formtarget="_blank">新規ウィンドウを開いて送信</button>
    <button type="submit">今のウィンドウで送信</button>
</form>

 

フォームのtarget属性は、ボタンのformtarget属性で上書きされます。

ボタンごとにウィンドウを変えたいとき、じみに便利。。

 

コメントは受け付けていません。

サブコンテンツ

このページの先頭へ