More than 3 years have passed since last update.

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

Posted at 2021-10-08

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

#戻るボタンの実装

##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内の実装したい箇所に記述すれば良いので簡単ですね。