<label> 태그는 간단하게 이름표라고 말할 수 있다. 여기에 for을 같이 입력하면 이름표의 주인도 정해줄 수 있다.
<html>
<body>
<form>
<p>
<label for="id_txt"> 아이디 : </label>
-> 이름표 생성
<input id="id_txt" type="text" name="id" value="아이디를 입력하세요">
-> 누구의 이름표인지 정해주기
</p>
<p>
<label for="password" >비밀번호 : </label>
<input id="password" type="password" name="pwd" value="비밀번호를 입력하세요" >
</p>
<p>
textarea :<textarea rows="2"> 아무 문자나 입력하세요 </textarea>
</p>
</form>
</body>
</html>
label을 사용하지 않은 textarea는 그 칸을 눌러야만 커서가 이동되고, label을 사용한 아이디와 비밀번호는 칸 뿐만 아니라 그 칸에 해당되는 글자를 눌러도 커서가 이동되는 것을 알 수 있다. 만약 각각의 id를 만들어주는 것이 귀찮다면 그 부분을 <label>로 감싸도 된다. 체크박스에서 네모박스가 아닌 항목을 눌러도 선택이 되게끔 만들 때도 label이 쓰일 수 있다.