リンクのように機能するHTMLボタンを作成する方法

フォームなどを送信するのではなく、ボタンを使用して別のページやWebサイトにリンクしたい場合があります。これは非常に簡単に実行でき、いくつかの方法で実現できます。

1つの方法は、タグをタグでラップすることです

Link To freeCodeCamp

これにより、ボタン全体がリンクに変換されます。

2番目のオプションは、タグで通常行うようにリンクを作成し、CSSを介してスタイルを設定することです。

Link To freeCodeCamp

リンクを作成したら、CSSを使用してボタンのように見せることができます。たとえば、ユーザーがリンクにカーソルを合わせているときに、境界線、背景色、いくつかのスタイルを追加できます…

ボタンを追加する別の方法は、input内側のformタグをラップすることです。フォームのアクション属性で目的のターゲットURLを指定します。

詳しくは:

  • freeCodeCampガイド-スタイリングボタン
  • freeCodeCampガイド-リンクの使用方法
  • リンクのように機能するHTMLボタンを作成するにはどうすればよいですか?