HTML <legend> 태그
정의 및 특징
<legend> 태그는 <fieldset> 요소의 캡션(caption)을 정의할 때 사용합니다.
예제
<form action="/examples/media/action_target.php" method="get">
<fieldset>
<legend>학사 관리 로그인</legend>
이름 : <input type="text" name="st_name"><br>
학번 : <input type="text" name="st_id"><br>
학과 : <input type="text" name="department"><br>
<button type="submit">제출하기</button>
</fieldset>
</form>
지원하는 브라우저 및 버전
| 태그명 |
|
|
|
|
|
|
|---|---|---|---|---|---|---|
| <legend> | 지원함 | 지원함 | 6.0 | 1.0 | 지원함 | 지원함 |
HTML5에서 변경된 사항
HTML5에서는 <legend> 요소의 align 속성을 더 이상 지원하지 않습니다.
사용할 수 있는 속성
| 속성명 | 속성값 | 설명 | |
|---|---|---|---|
|
align |
|
top bottom left right |
캡션의 정렬 방법을 명시함. HTML5에서는 더 이상 지원하지 않음. |
CSS 기본값
|
legend { display: block; padding-left: 2px; padding-right: 2px; border: none; } |
DOM 인터페이스
|
interface HTMLLegendElement : HTMLElement { readonly attribute HTMLFormElement? form; }; |
