<label>, <fieldset>, <legend>

smiletmf·2022년 6월 29일
0

html, css grammer

목록 보기
10/27
post-thumbnail

label

  • 사용자의 인터페이스(UI)요소의 라벨을 정의할 때 사용
  • <label>요소는 for속성을 사용하여 다른 요소와 결합할 수 있으며, 이 때 <label>요소의 for속성값은 결합하고자 하는 요소의 id값과 같아야 함

for 속성과 input 태그의 연결

  1. label에 for속성을 주고 input태그에 id를 지정해서 연결하는 방법
<label for="userId">아이디</label>
<input type="text" id="userId">
  1. input타입 밖에 label을 달아주어 연결하는 방법
<label>아이디 <input type="text"></label>

fieldset

  • 사용자가 정보를 입력하기 편하도록 화면에 정리하기 위한 태그
  • 요즘 잘 쓰이는 양식은 아님

legend

  • fieldset태그로 묶은 그룹에 제목을 달아주는 역할을 함

profile
성장하는 개발자 유슬이 입니다!

0개의 댓글