label (양식에 식별할 수 있는 텍스트 제공) > 기술자료 | 해피정닷컴

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

본문 바로가기

사이트 내 전체검색

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

HTML 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

댓글목록

등록된 댓글이 없습니다.


Total 2,641건 95 페이지
  • RSS
기술자료 목록
761
Editor   18118  2009-08-11 11:09  
760
ClassicASP   21089  2009-08-07 04:04 ~ 2013-02-13 00:00  
759
일반   11333  2009-08-07 03:54  
758
PHP   12835  2009-08-06 22:35  
757
일반   30190  2009-08-06 09:11  
756
일반   14004  2009-08-04 11:29  
755
HTML   10060  2009-08-04 11:23  
754
HTML   10631  2009-08-04 11:22  
753
일반   12123  2009-08-03 21:16  
열람
HTML   11880  2009-08-03 20:40  
751
Linux   17586  2009-08-03 10:27  
750
Linux   40013  2009-08-03 10:10 ~ 2012-05-15 00:00  
749
ClassicASP   11929  2009-08-01 13:31  
748
ClassicASP   25224  2009-07-27 09:23 ~ 2015-05-13 00:00  
747
MSSQL   42253  2009-07-27 07:33  
746
MSSQL   40886  2009-07-27 07:28  
745
MySQL   14477  2009-07-23 09:57  
744
ClassicASP   19041  2009-07-22 22:45  
743
ClassicASP   19107  2009-07-22 19:42  
742
MSSQL   17528  2009-07-22 18:52  

검색

해피정닷컴 정보

회사소개 회사연혁 협력사 오시는길 서비스 이용약관 개인정보 처리방침

회사명: 해피정닷컴   대표: 정창용   전화: 070-7600-3500   팩스: 042-670-8272
주소: (34368) 대전시 대덕구 대화로 160 대전산업용재유통단지 1동 222호
개인정보보호책임자: 정창용   사업자번호: 119-05-36414
통신판매업신고: 제2024-대전대덕-0405호 [사업자등록확인]  
Copyright 2001~2024 해피정닷컴. All Rights Reserved.