html lavel for 폼 양식에 이름지정 태그

• label은 폼의 양식에 이름을 붙이는 태그
• 주요 속성은 for  
• label의 for의 값과 양식의 id 값이 같으면 연결
• label 클릭시 연결된 양식에 입력 또는 체크, 체크해제

---

먼저 체크박스를 만들어주자

              <div class="agree_bottom">
                <div class="checkbox_wrap">
                  <input id="agree" type="checkbox">
                    개인정보수집 및 이용에 동의합니다.
                </div>

체크박스 생성

이럼 체크박스는 나오나 박스를 클릭해야만 체크가 된다. 

 

 

이떄 label로 이름표를 붙여 텍스트 선택시 체크가 가능하게끔 만들어준다.

<label for="agree">

 

---

             <div class="agree_bottom">
                <div class="checkbox_wrap">
                  <input id="agree" type="checkbox">
                  <label for="agree">
                    개인정보수집 및 이용에 동의합니다.
                </div>

label로 연결해준 코드