アンカータグをクリックしても動作させない方法

クリックしても何も起こらないリンク(無効なアンカータグ)を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>

通常のリンクと同じスタイルを適用したいけど、画面遷移はさせたくない場合などに使えますね。

このエントリーをはてなブックマークに追加
にほんブログ村 IT技術ブログへ

関連コンテンツ

スポンサードリンク

コメント

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です