1. ホーム
  2. html

[解決済み] Making a <button> that's a link in HTML

2022-03-02 06:50:51

Question

基本的に、私はこの方法が好きです。 <input type="submit"> は、少しCSSを追加すると、ボタンがクリックできるスタイルになっています。しかし、通常のボタンはそのようなスタイルになっておらず、大掛かりなCSSやJSを入れないとクリック感がなく、画像を使うしかない。

フォームアクションを利用して、送信ボタンをリンクにしましたが、これだとボタンごとに新しいフォームを作らなければなりません。どのようにすればよいのでしょうか?複数のフォームを使用することは、私のスタイルに問題を引き起こし、HTMLのリンクであるボタンが押された状態を持つデフォルトスタイル(ブラウザのデフォルト設定のことではありません)を持つ他の方法を見つけない限り、修正できないようです。

何かアイデアはありますか?

解決方法は?

<a href="#"><button>Link Text</button></a>

ボタンのように見えるリンクが必要とのことなので、リンクとボタンを使ってください :-) これにより、ブラウザのデフォルトのボタンスタイルが維持されます。ボタンそれ自体は何もしませんが、クリックすると親リンクがアクティブになります。

デモです。

<a href="http://stackoverflow.com"><button>Link Text</button></a>