input 과 label 의 작성 순서

22.02.21 18:39 작성 조회수 440

안녕하세요~

이번 피자주문 form 예시를 보다보니 사이즈/토핑추가의 경우 input 이 label 보다 앞서서 작성되어있는데, 추가 요청 사항 영역은 label 이 textarea 보다 우선해서 작성되어있더라구요.

label 의 위치는 입력요소의 종류에 관계없이 작업자가 원하는 위치(두 요소를 나란히 작성한다는 가정하에)에 작성해도 괜찮은 것인가요?

또 input (textarea)과 label 요소 사이에 div 등 다른 요소가 작성될 수도 있나요?

초보자를 위한 HTML 기초

HTML radio, checkbox, textarea 요소

강의실 바로가기

답변 1

답변을 작성해보세요.

조은

2022.02.22

label 의 위치는 크게 상관 없으나,

ID 속성과 FOR 속성을 사용해서 연동해야합니다.

DIV 등이 중간에 들어가도 괜찮습니다.

쫄랑이

2022.02.22

궁금했던 내용인데 답변해주셔서 정말 감사합니다!!