인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

쫄랑이님의 프로필 이미지
쫄랑이

작성한 질문수

초보자를 위한 HTML 기초

HTML radio, checkbox, textarea 요소

input 과 label 의 작성 순서

작성

·

582

0

안녕하세요~
 
이번 피자주문 form 예시를 보다보니 사이즈/토핑추가의 경우 input 이 label 보다 앞서서 작성되어있는데, 추가 요청 사항 영역은 label 이 textarea 보다 우선해서 작성되어있더라구요.
 
label 의 위치는 입력요소의 종류에 관계없이 작업자가 원하는 위치(두 요소를 나란히 작성한다는 가정하에)에 작성해도 괜찮은 것인가요?
 
또 input (textarea)과 label 요소 사이에 div 등 다른 요소가 작성될 수도 있나요?

답변 1

1

조은님의 프로필 이미지
조은
지식공유자

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

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

 

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

쫄랑이님의 프로필 이미지
쫄랑이
질문자

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

쫄랑이님의 프로필 이미지
쫄랑이

작성한 질문수

질문하기