inflearn logo
강의

Course

Instructor

HTML Basics for Beginners

HTML radio, checkbox, textarea elements

input 과 label 의 작성 순서

699

eunhye04060786

3 asked

0

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

HTML/CSS

Answer 1

1

choeun

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

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

 

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

0

eunhye04060786

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

6-6 실습 문의

0

21

2

섹션5 노션링크 는 따로 없나요?

0

25

2

Part 4에서 강의 연관 노션 정보들이 워드파일에 없습니다.

0

32

2

첨부자료 Part 4 코드 확인 부탁드리겠습니다.

0

26

2

선생님 각 강좌마다 예시로 보여주시는 웹페이지들은 어디서

0

23

1

퍼플렉시티 최소 결제단위 50달러로 바뀐 것 같습니다.

0

48

2

claude plugin 방법 자세히 부탁드려요

0

40

2

강의에 적용한 스크립트를 받아 볼수 있을까요?

0

40

2

최근 코테, 과제 테스트 트렌드

0

66

2

노션 25 인터렉션 구현 파트 안 보입니다!

0

36

2

파트3 13F부분도 짤린거같은데 확인해주세요

0

39

2

Gemini로 진행가능 여부 궁금합니다.

0

58

2

뉴스페이퍼 싱글템플릿 디자인 관련 상담 요청

0

26

2

프롬프트 11 진행 완료

0

44

2

a 링크의 href 속성

0

818

2

리액트에서 picture 사용법

0

226

0

section 내에서 여러요소를 그룹핑해야 되는 상황에 대해 질문드립니다.

0

472

2

dialog 미지원 브라우저를 위한 fallback 관련 질문입니다

0

470

4

React의 컴포넌트 개발과 시맨틱 구조 작성의 연관성에 대해 궁금한 점이 있어 질문드립니다.

0

276

1

tr 요소 내에 th, td 혼용 관련 질문입니다

0

321

1

시맨틱 구조 관련해서 질문있습니다.

0

244

1

details 엘리먼트의 이점에 대해

0

251

1

address 요소 설명 중 궁금한 것이 있어서 질문드립니다.

0

384

3

자바스크립트를 이용할 때 button type 지정에 관한 궁금증

1

193

1