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"と指定したほうがスマートなのか?
使い方を誤っていたら、ご指摘いただけると幸いです。
リンクなどうまく動かないことがあるので、改めてリファレンスを読んでみた自分の備忘録。
今まで、ボタンでリンクはこのように書いていました。
<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"と指定したほうがスマートなのか?
使い方を誤っていたら、ご指摘いただけると幸いです。
※コメント投稿者のブログIDはブログ作成者のみに通知されます