html에서 label, label for?

<label>

폼 요소에 레이블을 붙이는 것이 label 태그다

 

<input> 태그와 같은 폼요소에 레이블을 붙일 때 사용한다. label이란 입력란 가까이에 아이디나 비밀번호터럼 붙여놓은 텍스트를 말한다. <label> 태그를 사용하면 폼 요소와 레이블 텍스트가 서로 연결된 것을 웹브라우저가 알 수 있다. 

 

<label> 태그는 2가지 방법이 있지만, 자바 스크립트를 위해 더 잘 쓰이는 쪽을 정리해보겠음.

 

기본형 : <label for="id명">레이블명<input id="id명"></label>

 

이 방법은 <label> 태그와 폼 요소를 따로 사용한다. <label> 태그의 for 속성과 폼 요소의 id 속성을 이용해 서로 연결하는 것이다. 다시 말해, 폼 요소의 id 속성값을 <label> 태그의 for 속성에게 알려주는 방법을 사용하는 것이다. 

 

예시 : 
<label for="user_id">아이디(6자 이상)</label>
<input type="text" id="user-id">

여기서 label for 의 user_id 와  input 태그의 id의 user_id는 똑같이 설정해야 연결된다. 

잊지말자 label과 input을 연결해주기 위해서 label for 뒤에 label의 id인 user_id를 동일하게 써주는 것이다. 

 

 

++ 

legend는 필드셋에만 붙이는것

label은 인풋에 붙이는 것

필드셋은 폼안에서 나눠주는거 

div는 어디서든 나눌 수 있음.