[HTML] <form> 그리고 <label> 태그

 

 

 

 

 

 

 

---

 

 

문득 코드를 짜다가 form태그와 label태그를

기계적으로 치는걸 깨달았다...!

⊙.☉

 

 

 

이 두개의 정확한 차이도 모른채 치고 있다는 걸 알아서 이 두개의 차이점을 알아보려한다.

 

 

 

 

 

<Form>

 

<form></form>

 

- 속성 : 보이지않음

- 입력 양식의 시작과 끝 표시

- <form> 요소는 다음과 같은 요소들을 하나 이상 포함할 수 있다.

        ▶  <button> / <fieldset> / <input> / <label> / <option> / <optgroup> / <select> / <textarea>

 

 

 

 

 

label

 

<lablel></label>

 

- input 태그를 설명할 때 사용한다.

- label 태그의 for 속성에 input태그와 id의 속성을 입력해서 label 태그가 어떤 input 태그를 나타내는지 알려준다.

- for 속성을 연결하면 label태그를 클릭했을때 input태그에 자동으로 포커스가 간다.

- 체크박스와 라디오 버튼 등은 레이블을 클릭했을때 해당항목 체크

 

 

 

 

 

 

---