[解決済み] divを "tabbable "にするにはどうしたらいいですか?
2022-02-27 23:53:13
質問
div要素で構成されたボタンがあるのですが、キーボードのtabキーを押してボタン間を移動できるようにしたいのですが、どうすればよいでしょうか。アンカータグでテキストを囲んでみたのですが、うまくいきません。
どなたか解決策をお持ちの方はいらっしゃいますか?
解決方法は?
追加
tabindex
属性は
div
要素を使用します。
例
<div tabindex="1">First</div>
<div tabindex="2">Second</div>
steveax のコメントによると、タブ順序をページ内の要素の位置から逸脱させたくない場合、タブ順序を設定するために
tabindex
から
0
:
<div tabindex="0">First</div>
<div tabindex="0">Second</div>
関連
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] div要素間の空白を削除する方法
-
[解決済み] IFrameからボーダーを取り除く
-
[解決済み] WebForms UnobtrusiveValidationMode には、'jquery' の ScriptResourceMapping が必要です。jquery という名前の ScriptResourceMapping を追加してください(大文字と小文字を区別します)。
-
[解決済み] フッターの内容が重なっているのを修正するには?
-
[解決済み] textareaのresizableプロパティを無効にするにはどうしたらよいですか?
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
-
[解決済み] コンテナの幅に応じたフォントの拡大縮小
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】HTML5検証エラー:body開始タグは見たが、同じタイプの要素がすでに開かれていた
-
[解決済み】フッターをページの下部に中央に配置するにはどうすればよいですか?
-
[解決済み】#記号のHTML文字実体は何ですか?
-
[解決済み] <html xmlns="http://www.w3.org/1999/xhtml">」は何をするのですか?
-
[解決済み] WebForms UnobtrusiveValidationMode には、'jquery' の ScriptResourceMapping が必要です。jquery という名前の ScriptResourceMapping を追加してください(大文字と小文字を区別します)。
-
[解決済み] Angular 2+のテンプレートで値を表す三項演算子
-
[解決済み] フッターの内容が重なっているのを修正するには?
-
[解決済み] Add a scrollbar to a <textarea> [duplicate]
-
[解決済み] フロートされた子 div の高さを親の高さに拡張するにはどうすればよいですか?
-
[解決済み] <form>タグの外にあるボタンでフォームを送信する