[HTML]form에서 사용 가능한 fieldset과 legend 태그

입력 양식을 만드는 HTML의 form태그가 있습니다.

 

이런 form태그를 fieldset과 legend 태그로 꾸며줄 수 있습니다.

See the Pen form의 legend와 fieldset 요소 by Dongmin Jeong (@Dongmin-Jeong) on CodePen.

 

<legend> 태그는 입력 form의 테두리 위의 제목을 지정합니다.

 

<fieldset> 태그가 있을 경우 <legend>태그는 뚜렷하게 드러나지만 <fieldset>태그가 없을 경우 <legend>태그는 글자만 나타납니다.

 

아래 예제는 <legend> 태그가 있고 <fieldset> 태그가 없는 예제입니다.

See the Pen form-fieldset이 없고 legend가 있는 form by Dongmin Jeong (@Dongmin-Jeong) on CodePen.

 

아래 예제는 <legend> 태그가 없고 <fieldset> 태그가 있는 예제입니다.

See the Pen form-fieldset이 있고 legend가 없습니다. by Dongmin Jeong (@Dongmin-Jeong) on CodePen.