HTML 입문 | HTML 입력 양식 (Forms) | HTML 라벨(label)

라벨(label) 요소

label 요소는 사용자가 input text, checkbox, radio button의등을 좀 더 쉽게 선택할 수 있도록 도와준다.
label 요소를 클릭하면 input text의 경우에는 자동으로 focus가 이동하고 checkbox, radio button의 경우는 자동으로 선택된다.
label의 for 속성의 이름과 폼요소의 id 값이 일치하게 아래와 같이 작성하면 된다.

<label for="html">HTML</label> <input type="checkbox" name="html" id="html">
<label for="css">CSS</label> <input type="checkbox" name="css" id="css">

코드 실행