アンカータグをクリックしても動作させない方法
クリックしても何も起こらないリンク(無効なアンカータグ)をHTMLだけで作成する方法です。
アンカー(<a>
)タグでページ移動したくない場合、次のようにhref=""
やhref="#"
を指定する方法があります。しかし、これだとフォームの内容が消えたり、ページ上部に戻ったりします。
<a href="" class="btn btn-primary">リンク</a>
<a href="#" class="btn btn-primary">リンク</a>
ページに何も変化を起こさせたくない場合は次のようにhref
を消すことで対応できます!
<a class="btn btn-primary">リンク</a>
通常のリンクと同じスタイルを適用したいけど、画面遷移はさせたくない場合などに使えますね。