【HTML】戻るボタンの実装方法

はじめに

戻るボタンを実装する機会はかなり多いと思うのですが、そのときのための備忘録として残しておきます。

戻るボタンの実装

aタグでの実装

HTML

<a href="javascript:history.back();">戻る</a>

buttonタグでの実装

HTML

<button type="button" onclick="history.back()">戻る</button>

type="button"をちゃんと記述しないと、デフォルトでtype=submitとなってしまうので要注意！！

formタグでの実装

HTML

<form>
    <input type="button" onclick="history.back()" value="戻る">
</form>

おわりに

すべてHTML内の実装したい箇所に記述すれば良いので簡単ですね。