<fieldset> 예제 - 폼양식 관련 요소 묶기 <fieldset> 정의 <fieldset> 속성 <filedset> 기본 CSS
<form> <fieldset> <legend>개인정보</legend> 이름: <input type="text"><br> 별명: <input type="text"><br> 메일: <input type="text"> </fieldset> </form> 결과보기
이름: <input type="text"><br> 별명: <input type="text"><br> 메일: <input type="text"> </fieldset>
결과보기
form 태그 안에서 관련요소들 묶을 때 사용하며, 요소들을 감싸는 박스 생성. 1. <filedset> 태그로 묶은 요소들에 제목을 달 땐, <legend> 태그 사용.2. HTML5에서는 HTML4.01에선 없던 여러가지 속성 새로 추가.
form 태그 안에서 관련요소들 묶을 때 사용하며, 요소들을 감싸는 박스 생성.
1.
<filedset> 태그로 묶은 요소들에 제목을 달 땐, <legend> 태그 사용.2.
HTML5에서는 HTML4.01에선 없던 여러가지 속성 새로 추가.
<style> fieldset { display: block; margin-left: 2px; margin-right: 2px; padding-top: 0.35em; padding-bottom: 0.625em; padding-left: 0.75em; padding-right: 0.75em; border: 2px groove (internal value); } </style>