HTML의 Div,span 및 label 태그의 차이점

span and label

라벨 태그 는 주로 양식 요소를 바인딩하는 데 사용됩니다. 레이블 태그 를 클릭하면 바인딩된 양식 요소가 입력 포커스를 얻습니다.

예:

내 블로그 방문하셨나요

예


NO
(라디오가 아닌 "예" 또는 "아니요" 텍스트를 누르세요)< /span>

사용자 이름:

실행 결과:

한 가지 질문은:

accesskey 속성이 바로가기 키를 설정하는 데 사용되지 않나요? 그런데 1이나 Alt+1 키도 반응하지 않고, 무슨 일인지 모르겠고, 전문가가 라벨 액세스 키 사용법에 대한 답변을 줬으면 좋겠습니다.

첨부: 라벨 라벨의 구체적인 사용법:

레이블은 레이블 표시로 표시됩니다. 이 표시는 다른 사용자 대화형 컨트롤과의 바인딩을 지원하고 바인딩된 컨트롤을 대신하여 해당 이벤트를 트리거합니다. 바인딩 방법은 for 속성 값을 대상 컨트롤(바운드 컨트롤) ID로 지정하는 것입니다. 일반적으로 라디오 버튼과 체크박스를 사용할 때 라벨 바인딩을 사용하는 것이 더 일반적입니다.
Label의 두 속성은 매우 유용합니다. 하나는 for이고 다른 하나는 accesskey입니다.
For 속성:
기능: 이 라벨을 클릭하면 HTML 요소 가 바인딩됨을 나타냅니다. , 바인딩된 요소에 초점이 맞춰집니다
사용법:
Name

Accesskey 속성:
기능: 라벨 태그에 바인딩된 요소에 액세스하기 위한 단축키를 나타냅니다. 단축키를 누르면 바인딩된 요소가 포커스를 받습니다.
사용법: 이름

제한 사항: 단축키 accessKey 속성으로 설정된 키는 브라우저의 단축키와 충돌할 수 없습니다. 그렇지 않으면 우선순위 또는 브라우저의 단축키가 됩니다.


참고: LABEL을 다른 컨트롤에 바인딩하려면 LABEL 요소의
FOR 속성을 컨트롤의 ID와 동일한 로 설정하세요. LABEL을 컨트롤의 NAME 속성에 바인딩하는 것은 쓸모가 없습니다. 그러나 양식을 제출하려면 LABEL 요소가 바인딩된 컨트롤의 이름을 지정해야 합니다.
지정된 단축키

에 밑줄을 추가하는 두 가지 방법이 있습니다. LABEL 요소에 대한 서식 있는 텍스트 지원을 통해 ACCESSKEY 속성에 지정된 가속 문자의 양쪽에 U 요소를 추가할 수 있습니다. 스타일 시트(CSS)를 사용하여 스타일을 적용하려는 경우 문자를 SPAN으로 래핑하고 "text-designation으로 스타일을 지정할 수 있습니다. underline".

사용자가 LABEL을 클릭하면 LABEL의 onclick 이벤트가 먼저 발생하고, htmlFor 속성에 지정된 컨트롤의 onclick 이벤트가 발생합니다. LABEL에 설정된 단축키를 누르면 설정됩니다.

태그는 중첩될 수 없습니다.


이 요소는 Internet Explorer 4.0 이상의 스크립트에서 사용할 수 있습니다.


이 요소는 인라인 요소입니다. 라벨을 닫아야 합니다




.

위 내용은 HTML의 Div,span 및 label 태그의 차이점의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!