본문 바로가기
💻 하나씩 차곡차곡/Front-end

[html] <fieldset>, <legend> 태그란? (정의 및 사용법)

by 뚜루리 2021. 9. 24.
728x90
320x100


<filedset>

  • <form> 요소에서 연관된 요소들을 하나의 그룹으로 묶을 때 사용.
  • 그룹으로 묶은 요소들 주변으로 박스 모양의 선을 그려줌. 

 

<legend>

  • <legend>를 사용하면 <filedset> 요소의 캡션을 정의할 수 있음.

 

적용예시

<form>
	<fieldset>
		<legend>회원정보</legend>
		<label for="name">이름</label>
		<input type="text" id="name"><br>
		<label for="gender">성별</label>
		<input type="text" id="gender"><br>
	</fieldset>
</form>

 

728x90
320x100