- 라벨 가능 요소의 제목
- for 속성으로 라벨 가능 요소를 참조하거나 콘텐츠로 포함
- 라벨 가능요소: <button>, <input>, <progress>, <select>, <textarea>
속성 | 의미 |
for | 참조한 라벨 가능 요소의 id 속성 값 |
<!-- 라벨 가능 요소를 참조 -->
<input type="checkbox" id="user-agreement" />
<label for="user-agreement">동의하십니까?</label> /* id "user-agreement"를 가진 요소를 포함함 */
<!-- 라벨 가능 요소를 포함 -->
<label><input type="checkbox" />동의하십니까?</label> /* 위와 동일한 효과. 요소와 텍스트를 label로 랩핑해줌 */