Form - Lavel (#16)

<label>라벨</label>

라벨은 부가적인 태그이고 필수로 사용하지 않아도 됩니다

주로 박스에 이름을 달아줄 때 사용됩니다 즉. 폼 양식에 이름을 붙이는 태그라고 할 수 있습니다

라벨은 특정 인풋에 이름을 나타냅니다 어떤 인풋으로 연결되는지 반드시 써야합니다

라벨을 사용할 땐 반드시 "for"가 들어갑니다

<label for="누구">라벨</label>
여기서 누구에 들어가는 값은
<label for="인풋ID">라벨</label>
<label id="인풋ID">라벨</label>

내가 연결시키고자 하는 인풋ID값을 적어주면 됩니다

보통 ID값엔 #이 들어가는게 정상이지만 for에는 #을 적지 않습니다 ID에 적었던 값을 for에 적습니다 그러므로 input에 ID에 적은 값을 for에 넣어줍니다 

여기서 코드를 적고 이름 부분을 클릭하면 박스가 활성화되면서 연결된 것을 알 수 있습니다

<label for="user-name">이름</label>
<input type="text" id="user-name" placeholder="아이디를 입력하세요" />

 

회원가입 폼 관련 글은 2020/11/13 - [개발은 처음이라] - Form - input (#14) <- 참고바랍니다

해당 폼에서 라벨을 붙여보세요 많은 공부가 됩니다

Form - input (#14)