資格スワイプ
スタンダード:実技問題(HTML5の変換、HTMLの作成、CSSの読込と作成、画像の表示)

会員登録フォームで、テキストラベル「氏名」をクリックした際に対応するテキスト入力欄へ自動的にフォーカスが移動するようにしたい。この動作を実現するための正しいマークアップはどれか。

  • A<span>氏名</span><input type="text" name="name">
  • B<label>氏名</label><input type="text" id="name">
  • ✓<label for="name">氏名</label><input type="text" id="name">
  • D<div class="label">氏名</div><input type="text" id="name">

解説

label要素のfor属性に対象となるinput要素のid属性値を指定することで、ラベルと入力欄が関連付けられ、ラベルクリック時に入力欄へフォーカスが移動する。

根拠HTMLの作成(フォーム要素)

← 前の問題次の問題 →
スワイプでまとめて流す