필드셋(fieldset) 태그

fieldset 태그는 HTML 폼의 필드를 그룹화합니다.

이렇게 하면 결과적으로 그룹 주위에 테두리가 생기며, legend 태그로 생성되는 레이블은 이 테두리를 끊어내어 다른 방법으로는 만들기 어려운 독특한 효과를 만듭니다(예제 참조).

legend 태그에 위치 지정을 위한 CSS 스타일(float, position 등)을 적용하면 그 내용물이 테두리에서 벗어나 지정된 위치로 이동합니다 (이 경우 테두리의 끊김 효과는 사라집니다).

예제

두 개의 fieldset 태그를 사용하여 폼을 두 개의 논리적 블록으로 나누어 보겠습니다:

<form>
	<fieldset>
		<legend>구매자 정보</legend>
		<input type="text">
	</fieldset>
	<fieldset>
		<legend>판매자 정보</legend>
		<input type="text">
	</fieldset>
</form>

함께 보기

블록에 테두리를 지정하는 데 사용할 수 있는 border 속성