기타
html에서 label 태그 사용하는 방법
D.Y
2016. 11. 2. 23:15
반응형
안녕하세요.
오늘은 간단하지만 html에서 빈번하게 사용되는 label태그에 대해서 알아보겠습니다.
label태그란?
- label 태그는 입력 양식창(input, button, textarea 등)을 설명하는 이름표입니다.
- label 태그에 적힌 텍스트를 선택하면, label과 연결된 입력 양식창이 선택됩니다.
label태그 속성
- for : label태그와 입력양식창을 연결할때 사용합니다. 연결한 입력 양식창의 id를 사용하여 연결합니다.
예제소스
<body>
<!-- 적용 전 -->
<input type="checkbox" id="root">ROOT1
<!-- 적용 후 -->
<input type="checkbox" id="root2">
<label for="root2">ROOT2</label>
</body>
- label 적용 전에는 체크박스 상자를 눌를 경우에만 선택이되는데, label 태그를 적용한 후에는 ROOT2 텍스트를 선택해도 체크박스가 선택됩니다.
참조
반응형