Frontend/HTML
label 태그의 for 속성
olli2
2021. 12. 5. 00:18
<label>
- input 태그를 설명할 때 사용
- for 속성에 input 태그의 id 속성 입력
- ex) label 태그 클릭 시 input 태그에 포커스가 감
- ex) 라디오버튼/체크박스의 label 태그 클릭 시 해당 항목이 체크됨
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>label_for</title>
</head>
<body>
<form>
<label for="name">이름</label>
<input id="name" type="text"><br>
<label for="agree">동의</label>
<input id="agree" type="radio">
</form>
</body>
</html>