ラブラドールレトリバー「忠太の心の声」

黒ラブ忠太と忠太パパのブログ。
最近は仕事の備忘録としてのエントリーが多いです。

html5のbuttonタグでのリンク

2017-08-01 | Web・PC
html5のbuttonタグが便利で、最近よく使っています。
リンクなどうまく動かないことがあるので、改めてリファレンスを読んでみた自分の備忘録。

今まで、ボタンでリンクはこのように書いていました。
<input type="button" value="PHP実行" onclick="window.location.href='hoge.php'">

buttonタグを使うと
<button formaction="hoge.php">PHP実行</button>


別タブに実行結果を表示するときは
<input type="button" value="別タグに開く" onclick="window.open('hoge.php','blank')">

buttonタグを使うと
<button formaction="hoge.php" formtarget="_blank">別タグに開く</button>

buttonタグのtype属性はデフォルトで submit なので、inputタグよりも簡単に POST できる。
※この例の input タグでは post できません。button は post できます。

javascript を実行する場合は、今まで通り onClick を使用してます。
その際、type="button"と指定したほうがスマートなのか?


使い方を誤っていたら、ご指摘いただけると幸いです。



最新の画像もっと見る

コメントを投稿