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

Inflearn Community Q&A

crawlingrabbit's profile image
crawlingrabbit

asked

Responsive Website Portfolio (Architecture Agency)

PC Layout Section Details Publishing (Project Section) - Prototype Creation #02

input 태그와 label 태그에 관한 질문입니다

Written on

·

425

1

안녕하세요 선생님

input 태그에 id를 설정하고 이를 label 태그의 for 속성으로 연결한다고 들었습니다.

그런데 input 태그를 그대로 사용하지 않고 굳이 display:none;으로 바꾼 다음 label 태그를 대용하는 이유는 무엇인가요? 

 

HTML/CSS웹 디자인jquery반응형-웹

Answer 1

0

codingworks님의 프로필 이미지
codingworks
Instructor

input의 id와 label의 for가 같다면 input과 label은 연결할 수 있습니다.

곧 input이 안보여도 label을 누르는 것이 input을 누르는 것과 같습니다.

input이 before after 가상클래스를 가질 수 있다면 위에 처럼 label을 사용할 필요가 없습니다.

하지만 input이 before after 가상클래스를 가질 수 없기 때문에 label을 사용합니다.

crawlingrabbit님의 프로필 이미지
crawlingrabbit
Questioner

감사합니다!

crawlingrabbit's profile image
crawlingrabbit

asked

Ask a question