label, fieldset, legend, form

Robyn·2023년 4월 6일
0

label
웹 접근성 향상에 도움이 되므로 필수적으로 선언해야한다.

연결해주고자하는 form 요소의 id값과 해당 label 요소의 for 속성 값을 동일하게 적어주어야한다.

            <label for="username">이름</label>
            <input type="text" id="username">

요소의 이름 부분, label을 클릭하면 해당 폼 요소를 클릭한 것처럼 동작을 한다.


fieldset, legend는 form 요소들을 구조화하기 필요한 태그들이다.
legend 태그는 fieldset 태그로 묶인 그룹의 이름을 지정해주는 태그이다.
legend 요소를 쓸 때는 fieldset에서 가장 먼저 자식으로 선언되어야한다.

            <fieldset>
                <legend>기본 정보</legend>
            </fieldset>
            <fieldset>
                <legend>부가 정보</legend>
            </fieldset>

form 요소
안의 요소들을 묶어서 실제 서버로 전송해주는 역할을 하는 중요한 태그
form 구분을 통해 묶어 보낼 데이터를 구분한다.

action 속성
폼 데이터를 처리하기 위한 서버의 주소

method 속성
데이터를 전송하는 방식을 지정(get, post)
get - 주소창에 값이 보임
post - 주소창에 값이 안 보임 (회원가입, 로그인 정보 등)

서버 개발자가 form 태그 제어하는 경우가 많다.

0개의 댓글