label (양식에 식별할 수 있는 텍스트 제공) > 기술자료

• 목록
• 게시판 리스트 옵션
  • 검색

태그 이름 : <label>
설명 :  양식에 식별할 수 있는 텍스트를 제공한다.
표준 :  HTML 4

▶ 예제
<label for="idname">이름</label>
<input type="text" id="idname" name="idname">

▶ 속성 정보
accesskey="..."
설명 : 각 항목에 키 순서를 할당합니다.
alt key와 함께 눌러서 for로 지정한 id를 가진 입력란에 접근(access : text 입력란에는 focus를 맞추고, radio와 checkbox는 선택) 할 수 있게 해주는 영문자 1 글자(key).
예제 :
<label for="idname" accesskey="h"></label>

class="..."
설명 : <input> 요소에 적용시킬 스타일 등급을 가리킵니다.
예제 :
<label for="idname" class="short">이름</label>
<input type="text" id="idname" name="idname">

for="..."
설명 : 이름표에 연결된 필드 이름의 ID를 지정합니다.
예제 :
<label for="sex">성별</label>
<input type="radio" id="man" name="sex" /><label for="man" accesskey="m" >남자</label>
<input type="radio" id="woman" name="sex" /><label for="woman" accesskey="w" >여자</label>

id="..."
설명 : <input> 태그에 고유한 ID 셀렉터를 할당합니다. 그 다음에 ID 셀렉터에 스타일을 할당할 때에는 그것은 하나의 <input> 태그에 영향을 미칩니다.
예제 :
<label for="idname" id="123">이름</label>
<input type="text" id="idname" name="idname">

style="..."
설명 : <input> 태그내의 내용들에 적용되는 스타일 시트 명령들을 지정합니다.
예제 :
<label for="idname" style="background: red">이름</label>
<input type="text" id="idname" name="idname">

tabindex="n"
설명 : 그 입력 방법이 탭 순서 중 어디에 위치할 것인지를 지정합니다. 예를 들어 tabindex="3"을 사용하면 방문객이 탭키를 세 번 누른 후에 커서가 입력 요소에 위치하게 됩니다.
W3C의 spec에 의하면 0 ~ 32767 까지의 정수가 사용 가능하며 이외의 숫자는 무시하고, 브라우저에 따라 '0' 이 첫 번째 일 수도 있고 마지막이 될 수도 있다고 합니다. IE 에서는 '0' 이 마지막으로 처리 됩니다.
예제 :
신용카드 번호 : <input type="text" id="ccard" name="ccard" tabindex="3">

title="..."
설명 : 태그에 할당할 텍스트 내용을 지정합니다. 이 속성은 문서의 문맥 감지형 도움말로 사용할 수 있습니다. 이렇게 하면 브라우저는 삽입된 텍스트 위에 표시되는 툴팁의 내용으로 이 텍스트 내용을 표시하게 됩니다.
예제 :
<input type="radio" id="cc" name="cc" title="visa">

▶ 기타 속성
이 태그에서는 lang, dir, onfocus, onblur, onselect, onchange, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup등의 속성들이 사용될 수 있습니다.


참고사이트
http://blog.chosun.com/blog.log.view.screen?blogId=156&logId=877694  
http://www.cadvance.org/?leftmenu=doc/include/total_menu.asp&mainpage=doc/java/object/form/form_design_1.asp