[解決済み] 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>
関連
-
[解決済み】iframeの高さを100%にする方法【重複】。
-
[解決済み] 順序なしリストが div 内で左いっぱいに整列されない
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] HTML 5: Is it <br>, <br/>, or <br />?
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] <button> vs. <input type="button" />. Which to use?
-
[解決済み】なぜHTMLは "chucknorris "を色と見なすのか?
-
[解決済み】iPadとiPhoneの入力ボタンのスタイル変更について
-
[解決済み】HTMLフォームのデフォルトの送信ボタンはどのように決定されるのでしょうか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] ボディの背景色が表示されない?
-
[解決済み] CSS - display: none; が機能しない
-
[解決済み] HTMLのテーブルを部分的に透明にするには?
-
[解決済み] フォームの中にフォームがある、でいいのかな?[重複]
-
[解決済み] HTML5 Canvas 要素でカスタムフォントを使用するにはどうすればよいですか?
-
[解決済み] HTMLボタンのテキストを固定幅で折り返すには?
-
[解決済み] Bootstrap 4 の mr-auto が正しく動作しない。
-
[解決済み] mailchimpのメールインラインスタイルのコーディングがいつも通りできない
-
[解決済み] Can I nest a <button> element inside an <a> using HTML5?