- 출처 : http://cafe.naver.com/webmarkup/188 -
복수의 컨트롤 (라벨포함)을 폼 안에서 그룹화 하여 폼을 더욱 정밀하게 구조화 할 수 있습니다.
◆ fieldset 요소 : 컨트롤의 그룹화하는 범위를 정의 합니다.
대부분의 브라우저에서 fieldset 주위에 자동으로 보더가 생깁니다.
◆ legend 요소 : 그룹화한 범위의 이름을 캡션으로 표시할 수 있습니다.
fieldset 요소의 바로뒤에 한번만 출현 할 수 있습니다.
대부분의 브라우저에서는 fieldset 요소의 보더 중간에 걸쳐 legend 요소가 표시 됩니다.
<form>
<fieldset>
<legend>필수항목</legend>
<dl>
<dt><label for="name">이름</label></dt>
<dd><input type="text" name="name" id="name" /></dd>
<dt><label for="email">E-mail</label></dt>
<dd><input type="text" name="email" id="email" /></dd>
<dt><label for="comment">코멘트</label></dt>
<dd><textarea name="comment" rows="5" cols="50">의견이나 질문을 입력 하십시오.</textarea></dd>
</dl>
</fieldset>
</form>
