라벨 태그에서 "for"는 무엇입니까?

라벨 태그에서 "for"는 무엇입니까?

---

forHTML 레이블 태그 의 매개 변수를 방금 실행했습니다 .

<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 처리 스크립트로 변환하고 있는데 for = 매개 변수를 제거 할 수 있습니까? (호기심으로 무엇을합니까?)

---

w3schools.org에서 :

태그는 입력 요소의 레이블을 정의합니다.

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

태그의 for 속성은 함께 바인딩하기 위해 관련 요소의 id 속성과 동일해야합니다.

HTH!

내 $ .02를 접근성 SME로 추가하면 유용성뿐만 아니라 LABEL은 입력 필드를 올바른 레이블과 연결하여 화면 판독기를 사용하는 사람들이 해당 필드가 무엇인지 알 수 있도록합니다.

---

HTML 레이블 태그는 양식 요소의 레이블을 정의합니다. 일반적으로 확인란 및 라디오 버튼과 함께 사용되며 사용자가 레이블을 클릭하면 버튼이 전환됩니다. 텍스트 입력 (확실히 확인해야 함)을 사용하면 사용자가 레이블을 클릭 할 때만 입력에 초점을 맞춘다 고 생각합니다.

---

레이블이 바인딩되는 요소를 지정합니다. 샘플 코드에서 레이블이 있습니다 에 대한 필요한-FIRSTNAME의 입력 필드. 사용자가 해당 레이블을 클릭하면 포커스가 바인딩 된 입력 필드로 이동합니다. 그것은 유용성 향상이고 나는 당신이 그것을 그대로 두는 것이 더 나을 것이라고 생각합니다. 좋은 습관입니다.

---

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

---

"for"속성은 양식의 액세스 가능성에 필요한 요소입니다. 생략하지 마십시오. 화면 판독기 (SR)를 사용하여 웹 페이지를 알리는 사용자의 경우 "for"속성은 컨트롤을 레이블에 연결합니다. 일반적으로 SR 사용자는 하나의 컨트롤 (SR의 포커스 가능한 요소)에서 다음 컨트롤까지 양식을 탭합니다. "for"속성이 없으면 SR 사용자는 SR에서 모드를 변경하고 양식을 조사하여 어떤 컨트롤이 어떤 레이블과 일치하는지 확인해야하므로 시간이 많이 걸리고 혼란 스러울 수 있습니다. "for"속성은 운동 문제와 관련된 보조 기술에도 유용 할 수 있습니다.

WebAIM.org에는 "for"의 접근성 효과를 설명하는 훌륭한 페이지가 있습니다. http://webaim.org/techniques/forms/controls

---

일부 브라우저에서는 for 태그의 텍스트를 클릭 할 때 연결된 상자 (예 : for = id)를 선택하거나 해당 상자에 포커스를 둡니다. ADA 일입니다.

참고 URL : https://stackoverflow.com/questions/698001/whats-the-for-for-in-a-label-tag