2009-03-30 4 views
45

은 그냥 HTML 라벨 태그에 for 매개 변수를 가로 질러 :라벨 태그의 "for"는 무엇입니까?

<label for="required-firstname"> First Name </label> 
<small>*</small> 
<input name="required-firstname" type="text" tabindex="2" 
     id="required-firstname" size="24" maxlength="40"> 

는 내가 PHP 처리 스크립트에이 양식을 변환하고있어, I는 = 매개 변수를 제거 할 수 있습니까? (그리고 호기심에서 벗어나 무엇을합니까?)

답변

70

:

태그는 입력 요소에 대한 레이블을 정의한다.

label 요소는 사용자에게 특별한 것으로 렌더링되지 않습니다. 그러나 사용자가 label 요소 내에서 텍스트를 클릭하면 컨트롤이 전환되기 때문에 마우스 사용자의 유용성이 향상됩니다.

태그의 for 속성은 관련 요소의 id 속성과 동일해야합니다.

HTH!

내게 필요한 옵션 $ .02를 추가하여 유용성과 함께 LABEL은 입력란을 올바른 레이블과 연결하여 화면 판독기를 사용하는 사람들이 입력란의 용도를 알 수 있도록합니다.

+12

+1 이'는 control.'을 전환을 – squixy

5

레이블을 양식 요소 ID에 연결합니다. 확인란과 같은 일부 양식 요소는 해당 레이블을 클릭하여 활성화 할 수 있습니다. w3schools.org 가입일

3

일부 브라우저에서는 for 태그의 텍스트를 클릭하면 관련 브라우저 (for = id)를 선택하거나 해당 상자에 포커스를 둡니다. ADA 관련 내용

16

HTML 레이블 태그는 양식 요소의 레이블을 정의합니다. 일반적으로 체크 박스와 라디오 버튼과 함께 사용되며, 사용자가 라벨을 클릭하면 버튼이 토글됩니다. 텍스트 입력으로 (그리고 이것을 확인해야합니다) 나는 사용자가 레이블을 클릭 할 때만 입력에 초점을 둔다고 생각합니다.

8

레이블이 바인딩되는 요소를 지정합니다. 샘플 코드에서 레이블에는의 필수 이름 입력 필드가 있습니다. 사용자가 해당 레이블을 클릭하면 포커스가 바운드 입력 필드로 이동합니다. 그것은 유용성 개선이고 나는 그것을 떠나는 것이 더 나을 것이라고 생각합니다. 좋은 습관입니다.

5

"for"속성은 양식의 액세스 가능성에 필요한 요소입니다. 그것을 생략하지 마십시오. 화면 판독기 (SR)를 사용하여 누군가에게 웹 페이지를 알리려면 "for"속성이 컨트롤을 레이블과 관련시킵니다. 일반적으로 SR 사용자는 하나의 컨트롤 (SR에 초점을 맞춘 요소)에서 다음 컨트롤로 폼을 탭합니다. "for"속성이 없으면 SR 사용자는 SR의 모드를 변경하고 어떤 컨트롤이 어떤 레이블과 일치하는지 결정하기 위해 양식 주위를 조사해야하므로 시간이 많이 걸리고 혼란 스러울 수 있습니다. "for"속성은 모터 문제와 관련된 보조 기술에 유용 할 수 있습니다.

WebAIM.org는 "은"의 접근성 파급 효과를 설명하는 좋은 페이지있다 : 사용자가 라벨 요소 내의 텍스트를 클릭하면 http://webaim.org/techniques/forms/controls