[HTML] fieldset, legend, label 태그

▶ 폼 요소의 그룹핑 태그

-  <fieldset>, <legend>, <label>태그

<form>

<fieldset> 

   <legend>그룹 이름 </legend>

        <label>캡션1:<input></label>

        <label>캡션2:<input></label>

</fieldset>

</form>

 

 

▶ <fieldset 속성이름="속성값"> 태그

- 하나의 폼 안에서 여러 구역을 나누어 표시할 때 사용

-  예를 들어 쇼핑몰 사이트에 주문서를 작성할 때, 개인정보와 배송정보를 나누어 표시하면 사용자가 입력하기 편리하고 깔끔하게 정리할 수 있음

 

▶<legend> 태그

- <fieldset>필드로 묶은 그룹에 제목을 붙일때 사용

 

 

▶ <label> 태그

- <label> 태그를 이용하여 캡션과 폼 요소를 한 단위로 묶는다 (캡션:이해를 돕기 위해 쓰는 간단한 주석문)

- <label> 태그를 사용하면 폼 요소와 캡션 텍스트가 서로 연결되었다는 것을 웹 브라우저가 알 수 있음

 

 

▷ <label>태그로 캡션과 폼 요소를 한 단위로 묶는 2가지 방법

 

▷ <label> 태그로 로그인 폼 만들기

 

▷ <label> 태그로 선택형 요소 만드는 3가지 방법