スタンダード:実技問題(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の作成(フォーム要素)