label · input
입력창과 설명을 연결해 클릭과 접근성을 돕습니다.
기본 문법
<label for="name">이름</label><input id="name" name="name">작은 예제 html
<label for="name">이름</label>
<input id="name" name="name" autocomplete="name" placeholder="이름 입력">화면에서 확인할 것
이름 라벨과 입력창이 표시됩니다. 라벨을 누르면 연결된 입력창으로 이동합니다.
헷갈리기 쉬운 점
- label의 for 값은 연결할 입력 요소의 id와 같아야 합니다.
- placeholder는 입력 예시이며 입력 항목의 이름을 대신하는 라벨이 아닙니다.