목차
- <legend> 예제 - fieldset제목/설명 달기
- <legend> 정의
- <legend> 속성
- <legend> 기본 CSS
<legend> 예제 - fieldset제목/설명 달기
<form>
<fieldset>
<legend>개인정보</legend>
이름: <input type="text"><br>
별명: <input type="text"><br>
메일: <input type="text">
</fieldset>
</form>
결과보기
<legend> 정의
<fieldset> 태그로 묶은 요소들에 대한 제목이나 설명을 붙일 때 사용.
1.
HTML5 경우 align 속성 제외. CSS로 대체.
2.
legend 태그의 위치 변경은 position 속성 대신, margin 속성 이용.
3.
모든 브라우저 지원.
<legend> 속성
속성
|
속성값 |
설명 |
비고 |
align
|
top bottom left right
|
설명을 어느 쪽에 붙일 것인지 정함. |
HTML5제외 |
<legend> 태그는 전역속성・이벤트속성 지원.
<legend> 기본 CSS
<style>
legend {
display: block;
padding-left: 2px;
padding-right: 2px;
border: none;
}
</style>