Label 에 대해 아십니까?
컨텐츠 정보
- 17,863 조회
- 5 추천
- 목록
본문
유용한 팁이 될거 같아서 올립니다.
소스
--------------------------------------------------------------------
안녕
안녕1
안녕2
안녕3
안녕1
안녕2
안녕3
안녕
--------------------------------------------------------------------
결과
--------------------------------------------------------------------
안녕
안녕1
안녕2
안녕3
안녕1
안녕2
안녕3
안녕
--------------------------------------------------------------------
label은 이름표라는 뜻이죠? 맞나요? 헐~
input 태그의 이름표입니다. 그 이름표를 누르면 input 태그에 영향을 미치게 됩니다.
radio 버튼과 checkbox 버튼은 선택이 되거나 해제가 됩니다.
그리고 text나 password 같은 input 태그는 관련 label이
클릭되면 포커스가 input 태그 안으로 이동됩니다.
사용법은 위의 소스와 결과를 보시면 아시겠지만 조금 쓸게요.
input 태그 안에 id 항목을 넣으시고 label 태그 안에
for="관련id" 부분을 추가 하시면 됩니다.
이 기능을 자바 스크립트로 구현할 경우 조금 복잡해지는데,
label로 간단히 구현할 수 있습니다.
유용하게 사용하세요.
ps. id가 아닌 name으로도 가능합니다.
소스
--------------------------------------------------------------------
안녕
안녕1
안녕2
안녕3
안녕1
안녕2
안녕3
안녕
--------------------------------------------------------------------
결과
--------------------------------------------------------------------
안녕
안녕1
안녕2
안녕3
안녕1
안녕2
안녕3
안녕
--------------------------------------------------------------------
label은 이름표라는 뜻이죠? 맞나요? 헐~
input 태그의 이름표입니다. 그 이름표를 누르면 input 태그에 영향을 미치게 됩니다.
radio 버튼과 checkbox 버튼은 선택이 되거나 해제가 됩니다.
그리고 text나 password 같은 input 태그는 관련 label이
클릭되면 포커스가 input 태그 안으로 이동됩니다.
사용법은 위의 소스와 결과를 보시면 아시겠지만 조금 쓸게요.
input 태그 안에 id 항목을 넣으시고 label 태그 안에
for="관련id" 부분을 추가 하시면 됩니다.
이 기능을 자바 스크립트로 구현할 경우 조금 복잡해지는데,
label로 간단히 구현할 수 있습니다.
유용하게 사용하세요.
ps. id가 아닌 name으로도 가능합니다.
관련자료
-
링크
댓글 0
등록된 댓글이 없습니다.