HTML 참조 매뉴얼

HTML 태그 전체 목록

HTML: <fieldset> 태그

HTML <fieldset> 태그는 <form> 태그 내에 위치하고, HTML 퍼미션 내의 관련 요소를 그룹화하는 데 사용됩니다. <legend> 태그를 사용하여 fieldset에 제목을 생성합니다. 이 태그는 일반적으로 fieldset 요소로도 알려집니다.

온라인 예제

퍼미션 내의 관련 요소를 그룹화합니다：

예제

!doctype html
<html>
<head>
<meta charset="UTF-8">
<title>HTML5　fieldset 테그 사용(기본 강의 사이트 oldtoolbag.com)</title>
</head>
<body>
<form>
　　<fieldset>
　　　　<legend>고객정보(oldtoolbag.com)</legend>
　　　　이름: <input type="text"><br>
　　　　주소: <input type="text"><br>
　　　　전화번호: <input type="text">
　　</fieldset>
</form>
</body>
</html>

테스트해 보세요 ‹/›

실행 후 결과는 다음과 같습니다：

브라우저 호환성

IEFirefoxOperaChromeSafari

모든 주요 브라우저가 fieldset 테그를 지원합니다.

태그 정의 및 사용 설명

fieldset 테그는 퍼미션 내의 관련 요소를 그룹화할 수 있습니다.

fieldset 테그는 관련 퍼미션 요소 주위에 경계선을 그립니다.

대부분의 브라우저는 fieldset 태그 주위에 검은 경계선을 표시하지만, 이를 CSS로 변경할 수 있습니다.

legend 태그를 사용하여 fieldset의 제목을 표시할 수 있습니다. 이 제목은 fieldset 내의 관련 양식 컨트롤 앞에 표시되며, fieldset의 상단 경계선 위에 떠 있습니다.

주의와 유의사항

주의:<legend> 태그는 <fieldset> 요소에 제목을 정의합니다.

HTML 4.01 와 HTML5간의 차이

HTML5 에서 새로운 <fieldset> 속성을 추가했습니다: disabled, form, name, HTML 4.01 중에서 이러한 속성을 지원하지 않습니다.

속성

속성	값	설명
disabledHTML5	disabled	이 그룹의 관련 양식 요소가 비활성화되어야 합니다.
formHTML5	form_id	fieldset이 속한 하나 또는 여러 개의 양식을 정의합니다.
nameHTML5	text	fieldset의 이름을 정의합니다.

전체 속성

<fieldset> 태그가 지원 HTML의 전체 속성。

이벤트 속성

<fieldset> 태그가 지원 HTML 이벤트 속성。

HTML: <i> 태그 HTML: <embed> 태그