<html> 라벨
- Computer/기타
- 2021. 4. 13.
<label>
폼 요소에 레이블을 붙이기 위한 테그이다.
<lanel [속성='속성 값']> 레이블 <input...> </label>
사용법
<label>아이디<input type="text"></label>
첫 번째 방법은 <label>테그 안에 폼 요소를 넣는 것이다.
<label for="user_id">아이디</label>
<input type="text" id="user_id">
두 번째 방법은 <label>요소와 폼 요소를 따로 사용하고 <label> 테그에서는 for 속성을 이용하고 폼 요소에서는 id 속성을 이용해 서로 연결하는 방법이다.
사용하는 이유
라이도 박스나 체크 박스 경우, 핸드폰 사용자가 누르기엔 너무 작은 버튼이다.
그러나 라벨로 감싸져 있다면, 텍스트를 눌러도 감싸져있는 라벨의 input이 작동 될 수 있기 때문에 사용자의 편의성이 높아진다.
이는 핸드폰 뿐만 아니라 pc에서도 활용된다.
반응형
'Computer > 기타' 카테고리의 다른 글
[톰캣] MultiPart 설정하기 (0) | 2021.04.28 |
---|---|
[html] input 테그 (0) | 2021.04.13 |
[html] 링크 만들기 (0) | 2021.04.13 |
[html] 링크 만들기 (0) | 2021.04.13 |
[유튜브] 빅데이터란 무엇인가? (0) | 2020.10.20 |