html label, fieldset 태그를 알아보자.

 이전글 - html form 태그를 알아보자(1)

LABEL이란?

label이란, 폼 요소에 레이블을 붙이기 위해 사용하는 태그로, 레이블 태그 내에 폼 요소를 넣거나, 따로 만들게 된다.

<!-- 레이블 태그 안에 폼 요소를 넣는 방법 -->
<label>아이디 : <input type="text"></label>

<!-- 레이블 태그와 폼 요소를 따로 만들고 연결하는 방법 -->
<label for="password">패스워드</label>
<input type="password" id="password">​

Fieldset, Legend 태그란?

fieldset은 폼 요소를 그룹별로 묶는 태그, legend는 fieldset 태그로 묶어 놓은 폼 요소에 제목을 붙이는 태그이다.

<form>
  <fieldset>
    <legend>회원정보</legend>
          
    <label>아이디 : <input type="text"></label><br>
    <label>비밀번호 : <input type="password"></label><br>
  </fieldset>
</form>