-
html label 이란? label 태그 for 사용법Frontend 2021. 2. 8. 22:18반응형
html 에서 로그인양식이라든지 어떠한 틀을 만들려고 할때 아래와 같이 label 태그를 보는 경우가 있다.
<div> <h1>로그인</h1> <div> <div> <label for="userId">ID</label> <input id="userId" type="text"> </div> </div> </div>
label 은 주로 값을 입력받는 곳에 이름을 적는 태그이며
for 를 통해 for 뒤에 나오는 값 과 id 이름 이 같은것을 찾아 연결시키는 역할을 한다.
즉, 간단히 말하면 위와 같은 경우에 label 부분을 마우스로 클릭하여도
for="userId" 를 통해 id="userId" 를 가지는 input 부분에 값을 입력할 수 있다.
반응형'Frontend' 카테고리의 다른 글
npm 모듈 삭제하는 명령어 (0) 2021.02.08 package-lock.json 이란? (0) 2021.02.08 javascript 에서 ... rest 연산자 란? (0) 2021.02.01 javascript 에서 ... spread 연산자 란? (0) 2021.02.01 vue class binding 여러개 하는 법 (0) 2021.01.29