Fall in IT.

html에서 label 태그 사용하는 방법 본문

기타

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 텍스트를 선택해도 체크박스가 선택됩니다.


참조



저작자표시 비영리

'기타' 카테고리의 다른 글

Git 기초 명령어  (0) 2016.12.23
자바 입출력(I/O )에 대하여  (0) 2016.11.09
인터프리터언어와 컴파일언어에 대해서  (0) 2016.10.09
MAC에서 마크다운언어를 html로 변환하는 방법  (0) 2016.09.29
CSS 아이콘 라이브러리 fontello 사용하기  (0) 2016.09.29
공유하기 링크
'기타' Related Articles more
Comments