HTML 参考手册

HTML 标签大全

HTML: <legend> 태그

当将HTML表单中的相关项目分组时，HTML <legend>标签用于为 <fieldset>标签生成标题。此标签通常也称为 <legend>元素。

在线示例

표单中的相关元素组合：

예제

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

테스트를 보세요 ‹/›

이 HTML5문서 예제에서는 <legend> 태그를 생성하여 세 개의 그룹 <input> 컨트롤에 제목을 제공했습니다.<legend> 태그는 이 그룹 컨트롤 위에 제목 "고객 자료(w"을 표시합니다.3codebox.com)”。

브라우저 호환성

IEFirefoxOperaChromeSafari

현재 대부분의 브라우저가 <legend> 태그를 지원합니다

태그 정의 및 사용 설명

　<legend> 요소는 <fieldset>요소가 타이틀을 정의합니다

<legend> 태그로 생성된 타이틀은 <fieldset> 내 관련 퍼블릭 컨트롤 앞에 표시되며, <fieldset>의 상단 경계 위에 떠 있는 것처럼 보입니다

HTML 4.01 와 HTML5간의 차이

HTML 　4.01중 "align" 속성은 사용되지 않습니다. HTML5이 속성을 지원하지 않습니다. 권장하지 않습니다。 CSS를 사용하여 <legend> 요소의 정렬 방식을 설정하십시오

속성

속성	값	설명
align	top bottom left right	HTML5 지원하지 않습니다. HTML 4.01 사용되지 않습니다. 권장하지 않습니다。 스타일을 사용하십시오 fieldset 내 타이틀에 정렬 방식을 정의합니다

전역 속성

<legend> 태그는 전역 속성을 지원하며, 전체 속성 테이블을 확인하세요 HTML 전역 속성。

이벤트 속성

<legend> 태그는 모든 이벤트 속성을 지원합니다 HTML 이벤트 속성。

HTML: <li> 태그 HTML: <label> 태그