Form - Label

김무음·2023년 8월 27일
0

HTML & CSS

목록 보기
8/58
post-custom-banner

form 태그를 이용할 때 대게 input 태그를 받아주는 경우가 많다. 웹 브라우저 상에 input 태그의 입력창을 눌러줄 수도 있지만 유저가 이용하기 쉽게 좀 더 접근하는 방법이 label 태그다.

<label for="아이디">이름<label>
<input type="text" id="아이디" />

label 태그의 속성인 for와 input 태그의 id가 동일시 된다면 직접 input 태그의 입력창을 누르지 않아도 연결 되어 있는 label 태그 덕분에 바로 input 태그의 버튼이 클릭이 될 수 있다.

위 사진은 input 태그의 입력창이 아닌 위에 적힌 "이름" 이라는 label 태그를 입력 했을 시에 input 태그가 포커스 된 경우를 보여주고 있다.

profile
오늘도 한 발자국 더 나아가.

0개의 댓글