fieldset, legend

복수의 컨트롤 (라벨포함)을 폼 안에서 그룹화 하여 폼을 더욱 정밀하게 구조화 할 수 있습니다.

◆ 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>