DreamWeaver에서는 양식 또는 양식 개체, 텍스트 상자 등이 추가 되 자마자 <lable> </label>이 코드에 추가됩니다. 나는이 레이블이 무엇을하는지 이해하지 못했습니다. 오늘 설명을 보았습니다.
레이블에는 매우 유용한 두 가지 속성이 있으며, 하나는 AccessKey입니다.
속성
함수 : 레이블 태그가 바인딩 된 HTML 요소를 나타냅니다. 이 태그를 클릭하면 바운드 요소가 초점을 맞 춥니 다.
사용법 : <label for = inputbox> 이름 </label> <입력 ID = 입력 상자 유형 = 텍스트>
액세스 키 속성 :
기능 : 레이블 태그에 바인딩 된 요소에 대한 액세스를 나타내는 핫키. 핫키를 누르면 바운드 요소가 초점을 맞 춥니 다.
사용법 : <label for = inputbox accesskey = n> name </label> <input id = inputbox type = text>
제한 사항 : AccessKey 속성으로 설정된 바로 가기 키는 브라우저의 바로 가기 키와 충돌 할 수 없습니다. 그렇지 않으면 브라우저의 바로 가기 키가 먼저 활성화됩니다.
의견
레이블을 다른 컨트롤에 바인딩하려면 레이블 요소의 특성을 컨트롤과 동일한 ID로 설정하십시오. 컨트롤 이름 속성에 대한 바인딩 레이블은 쓸모가 없습니다. 그러나 양식을 제출하려면 레이블 요소가 바인딩 된 컨트롤의 이름을 지정해야합니다.
지정된 단축키 키를 밑줄로하는 두 가지 방법이 있습니다. 레이블 요소의 풍부한 텍스트는 AccessKey 속성으로 지정된 바로 가기 키 문자의 양쪽에 U 요소를 추가하는 것을 지원합니다. 스타일 시트 (CSS)를 사용하여 스타일을 적용하는 것을 선호하는 경우 캐릭터를 스팬에 포함시키고 스타일을 텍스트 결정 : 밑줄로 설정할 수 있습니다.
사용자가 레이블을 클릭하면 레이블의 OnClick 이벤트가 먼저 트리거 된 다음 HTMLFOR 속성에서 지정된 컨트롤의 OnClick 이벤트가 트리거됩니다. 레이블로 설정된 바로 가기 키를 누르면 초점이 설정되지만 Onclick 이벤트가 트리거되지 않습니다.
주목할만한 것 :
1. 레이블은 중첩 될 수 없습니다.
2.이 요소는 HTML 및 Internet Explorer 4.0 이상을위한 스크립트로 제공됩니다.
3.이 요소는 인라인 요소입니다.
4.이 요소는 태그를 닫아야합니다.
요소 샘플 코드
다음 예제는 레이블 요소와 액세스 키 속성을 사용하여 텍스트 상자의 초점을 설정합니다.
- <labelfor = octrlidaccesskey = 1>
- <SpanStyle = 텍스트 설명 : 밑줄;> 이름 </span> : <fontColor =#999999> Alt+1을 텍스트 상자로 누릅니다. </font>
- </레이블>
- <inputtype = textName = txt1Value = ah huinan size = 20tabindex = 1id = octrlid>