[form] HTML - <fieldset> 태그 ★ - 폼양식 관련요소묶음 (= fieldset태그 = 필드셋태그) (HTML5수정)

 

<form>

    <fieldset>

        <legend>개인정보</legend>

        이름: <input type="text"><br>
        별명: <input type="text"><br>
        메일: <input type="text">
    </fieldset>

</form>

결과보기 

<fieldset> 정의

 

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>