반응형
사용자의 편의성을 조금 더 높이기 위해 label 과 autopocus를 사용할 수 있다
1. label
<div>
<label for="name">이름을 입력해주세요</label>
<input type="text" id="name">
</div>>> label을 사용하면 input으로 정보를 받을 사각형 영역외에 label로 감싸진 영역을 클릭하며 정보 입력을 할 수 있다
input 에 id 값과 label 에 for 값을 입력하고 해당 값이 같으면 사용할 수 있다
2. autopocus
<div>
<label for="name_2">이름을 입력해주세요</label><br>
<input type="text" id="name_2" autofocus>
</div>>> autofocus를 이용하면 해당 정보를 받는 페이지에 들어오자 마자 커서가 깜박거리며 클릭이 되어있는 것을 확인할 수 있다
모바일에서 더욱 유용!
새로고침을 하면 해당 상자에 커서가 깜박거리는걸 확인할 수 있다!
반응형