More than 5 years have passed since last update.

メモ：HTML5でたった1個のボタンだけ、単なる画面遷移したい

Last updated at 2016-08-26Posted at 2016-08-26

すごい単純に下みたいなコード書いちゃった。
buttonタグのonclickイベントでlocation.href

<form action="pageA.html">
<button 
    onclick="javascript:location.href = 'pageB.html';">
    ページBへ　
</button>
</form>

結果、pageBに遷移させたいのに、pageA.htmlに遷移。

このボタンだけちょっとpageBに遷移させたいだけなのに……。

……ということで、HTML5で、inputやbuttonなどにform属性で、特定FormのIDを指定できるやつをを利用。
本来はForm属性にFormクラスのIdを指定するが、それを何も指定しない。

<form action="pageA.html" >
<button 
    form=""
    onclick="javascript:location.href = 'pageB.html';">
    ページBへ　
</button>
</form>

これでpageBへ遷移しました。
自分でもこれどうかなと思うので、異論は認めるます。（だからメモ）