[フレーム]
はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできます コメント表示の設定

ブックマークしました

ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

27users がブックマーク コメント 4

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

divやspanでボタンっぽい要素を作ると大変なことになるからbuttonを使おう - Qiita

27 users qiita.com

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

はてなブックマーク

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページへ

記事へのコメント4件

  • 注目コメント
  • 新着コメント
sgo2
buttonはtype="button"付けないとsubmitになるのがイマイチなのでdivやspanを使いたくなるのは分からないでもない

その他
ryouchi
"Qiitaにログインして、便利な機能を使ってみませんか?【ログイン】 【新規登録】"のボタンは、<a class="..." href="..."></a>となっててではなくハイパーリンクだった

その他
Kanasansoft
divやspanで作られててもWAI-ARIAに対応していればほぼ問題ないのに主要なUIコンポーネントライブラリが対応していない。対応しているものがあればそれを使いたいけど情報ほぼなし。なので標準パーツで頑張ってる。

その他
yojik
これXでも話題になっていたが、今の時代にこんなことする人いるかな。。カスタマイズしたいならスタイルリセットして好きにやればいいし。それで足りなかったButtonに入れ子でspanでもなんでも仕込めるわけだし

その他
sgo2
sgo2 buttonはtype="button"付けないとsubmitになるのがイマイチなのでdivやspanを使いたくなるのは分からないでもない

2025年10月12日 リンク

その他

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

プレビュー
アプリのスクリーンショット
いまの話題をアプリでチェック!
  • バナー広告なし
  • ミュート機能あり
  • ダークモード搭載
アプリをダウンロード

関連記事

usersに達しました!

さんが1番目にブックマークした記事「divやspanでボタン...」が注目されています。

気持ちをシェアしよう

ツイートする

divやspanでボタンっぽい要素を作ると大変なことになるからbuttonを使おう - Qiita

Ateam Brides Inc. Advent Calendar 2021の10日目はデザイナーの綿貫(@xrxoxcxox)がお送りします! こ... Ateam Brides Inc. Advent Calendar 2021の10日目はデザイナーの綿貫(@xrxoxcxox)がお送りします! この記事の概要 ボタンっぽい見た目の要素をクリックしたら検索フォームが動くとか自分のプロフィールを更新するとか、そういうインターフェースはたくさんありますよね。 ときどきdivやspan要素にaddEventListener('click', function)をつけて動かしているのを見かけるのですが、結局改善を求められるはずでしかも工数がかかります。 というわけでシンプルにbuttonを使いましょう、と啓蒙する記事です。 伝えたいこと ボタンっぽい役割の要素であればbuttonタグを使いましょう! この1点のみです! divやspanでボタンっぽい要素を作るとどうなるの? タブキーでフォーカスを当てられない enterやspaceでボタンのアク

ブックマークしたユーザー

  • BuchuntaGo2025年10月13日 BuchuntaGo
  • yuann_hoz2025年10月13日 yuann_hoz
  • mstk_knife2025年10月13日 mstk_knife
  • satetsu_s2025年10月13日 satetsu_s
  • ryouchi2025年10月12日 ryouchi
  • aeiueoao11052025年10月12日 aeiueoao1105
  • marutaku01312025年10月12日 marutaku0131
  • midas365452025年10月12日 midas36545
  • Kanasansoft2025年10月12日 Kanasansoft
  • jamalen2025年10月12日 jamalen
  • yojik2025年10月12日 yojik
  • sgo22025年10月12日 sgo2
  • mkzsdisk2025年10月12日 mkzsdisk
  • nabetk2025年10月12日 nabetk
  • timdaik_tech2025年10月11日 timdaik_tech
  • xmobile2025年10月11日 xmobile
すべてのユーザーの
詳細を表示します

ブックマークしたすべてのユーザー

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

同時期にブックマークされた記事

いま人気の記事 - 企業メディア

企業メディアをもっと読む

はてなブックマーク

公式Twitter

はてなのサービス

Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しましたx

AltStyle によって変換されたページ (->オリジナル) /