입력 양식에서 동일한 그룹의 태그를 묶는 태그로 legend 태그와 fieldset 태그가 존재합니다. 이 둘의 차이점이라면 fieldset은 기능적인 측면에서 동일 그룹을 컨트롤할 수 있다는 부분이라면.... legend 태그는 시각적으로 어떤 그룹인지 나타낼 수 있습니다.

<legend></legend>

legend 태그를 입력양식의 상단에 입력해 주면 상단 좌측에 테두리에 텍스트가 표현됩니다. 실제로 보는게 이해가 빠르니 아래 소스코드와 실제 모습을 참고해주세요.

Personal Infomation.Name :
Phone :


방문자에게 직관적으로 보여줄 수 있다는 장점이 있습니다. 소스코드는 아래와 같습니다.

# fieldset 그리고 legend 태그 예제보기
위 코드의 소스는 아래와 같습니다.
<fieldset>
  <legend>Personal Infomation.</legend>
  Name : <input type="text" /><br />
  Phone : <input type="text" /><br />
</fieldset>

fieldset 태그의 경우 서버에 정보를 전달하는 경우 form 태그와 함께 매우 자주 사용되므로 알아두면 좋습니다.