[解決済み] ラベルタグの "for "は何のため?
2022-03-04 03:53:12
質問
ちょうど
for
パラメータを含むHTMLラベルタグを作成しました。
<label for="required-firstname"> First Name </label>
<small>*</small>
<input name="required-firstname" type="text" tabindex="2"
id="required-firstname" size="24" maxlength="40">
このフォームをPHPで処理するスクリプトに変換しているのですが、for=パラメータをなくすことはできますか? (興味本位ですが、それは何をするものなのでしょうか?)
どのように解決するのですか?
w3schools.orgより。
<ブロッククオートこのタグは、input 要素のラベルを定義する。
label 要素は、ユーザーにとって特別なものとしてレンダリングされることはない。しかし、ユーザーが label 要素内のテキストをクリックすると、コントロールが切り替わるので、マウス・ユーザーのユーザビリティを向上させることができます。
タグのfor属性は、関連する要素のid属性と等しくして、両者を結びつける必要があります。
HTH!
アクセシビリティSMEとしての私の意見を付け加えると、ユーザビリティと同様に、LABELは入力フィールドに正しいラベルを関連付けるので、スクリーンリーダーを使用している人はそのフィールドが何のためのものかを知ることができます。
関連
-
[解決済み] CSSのホバー効果が私のコードで機能しない
-
[解決済み】スタイルシートとして解釈されるリソースがMIMEタイプtext/htmlで転送される(ウェブサーバーとは関係ないようです)。
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] HTML Divのボーダーが表示されない
-
[解決済み] textareaのresizableプロパティを無効にするにはどうしたらよいですか?
-
[解決済み] ページを再読み込みせずにURLを変更するにはどうすればよいですか?
-
[解決済み] 画面サイズ、現在のウェブページ、ブラウザウィンドウのサイズを取得する
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] How can I set the default value for an HTML <select> element?
-
[解決済み] What does "for" attribute do in HTML <label> tag?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】CSSの背景画像が表示されない。
-
[解決済み】JQuery: 'Uncaught TypeError: ajaxリクエストで「Illegal invocation」が発生する - 複数の要素
-
[解決済み】位置固定が機能しない
-
[解決済み】エラー。Body " の後の無効な CSS: 期待されるセレクタまたは at-rule は、4 行目の "{" でした。
-
[解決済み] CSS color vs. background-color vs. background?
-
[解決済み] Bootstrapのカラムが機能しない
-
[解決済み] IE=edge,chrome=1というのは今でも有効なのでしょうか?
-
[解決済み] 必要なキーに一致するルートがありません。[:id]
-
[解決済み] WebForms UnobtrusiveValidationMode には、'jquery' の ScriptResourceMapping が必要です。jquery という名前の ScriptResourceMapping を追加してください(大文字と小文字を区別します)。
-
[解決済み] margin-block-startとmargin-topの違いは何ですか?