html label tag

< label >

• 사용자 인터페이스(ui) 요소의 라벨(label)을 정의할때 사용
• 브라우저에 의해 일반적인 텍스트로 랜더링되지만,
  사용자가 마우스로 해당 텍스트를 클릭할 경우 < label >요소와 연결 된 요소를 곧바로 선택할 수 있어 사용자의 편의성을 높일 수 있음

<p> text </p>
이 text는 그냥 텍스트
어떤 의미인지 분명하지 않음

<p> <label>text</label></p>
레이블로 감싸므로 무언가의 이름표다라는 것을 정의할 수 있음

---

for 속성

• label이 누구의 이름표인지 연결해주어야 함

• 연결방법1 : label에서 정의한 for를 input id로 줌으로써 연결

  <p>
    <label for="id_txt">text : </label> 
    <input id="id_txt" type="text" name="id" value="dafault value">
   </p>

• 연결방법2 : label 태그로 감싸주기

  <p>
   <label>textarea : 
     <textarea rows="2">default value</textarea>
   </label>
  </p>
  

• 체크박스

  <label>
   <input type="checkbox" name="color" value="red">붉은색
  </label>

---

text :

textarea :

붉은색