fieldset 예제

참고: 이 예제는 GitHub에서 필수 labels.html로 찾을 수 있습니다(라이브 참조). 주석처리되지 않은 버전 2 또는 3으로 예제를 실행하지 마십시오 – 여러 레이블과 동일한 ID를 가진 여러 입력이있는 경우 스크린 리더는 확실히 혼란스러워할 것입니다! 이 예제의 사용 사례는 가장 중요한 방법 중 하나입니다. 라디오 단추 집합이 있을 때마다

요소 안에 중첩해야 합니다. 다른 사용 사례가 있으며 일반적으로

요소를 사용하여 양식을 섹션화할 수도 있습니다. 이상적으로 긴 양식은 여러 페이지로 분할되어야 하지만 양식이 길어지지만 한 페이지에 있어야 하는 경우 다른 필드 집합 안에 서로 다른 관련 섹션을 배치하면 유용성이 향상될 수 있습니다. 이제 탭 키를 사용하여 양식을 탐색하면 화면 판독기가 그룹과 해당 레이블의 첫 번째 필드를 발표하기 전에 질문을 발표합니다. 그래서 우리의 예에서 당신은 “당신은 여권을 가지고 있습니까? 예, 라디오 버튼”. 이 예제에서는 질문이 라디오 단추 집합 위에 있으며 시각적으로 는 질문이 양식 필드 그룹과 관련이 있음이 분명합니다. 그러나 페이지를 볼 수 없는 경우 이 관계는 손실됩니다. 화면 판독기를 사용하여 라디오 단추 중 하나를 선택하면 양식 레이블이 발표되는 소리(“예” 또는 “아니요”)가 들리지만 발표된 질문은 전혀 들리지 않을 수 있습니다.

이는 질문이 페이지 코드 내의 라디오 단추 집합과 연결되지 않았기 때문입니다. 아니요, 화면 판독기는 전설을 연상시가지 않습니다. 상위 필드 집합에 대한 범례만 발표됩니다. 따라서 이 예제에서는 포커스가 필드 3으로 이동하면 “그룹 1” 범례가 아니라 “그룹 2” 범례가 발표됩니다. 위의 예에서 볼 수 있듯이

요소는 html 양식의 일부에 대한 그룹화와 중첩된

요소를 제공하여

대한 캡션을 제공합니다. 그것은 몇 가지 속성을 소요, 가장 주목할만한 형태는, 같은 페이지에 id를 포함 할 수있는, 당신은 그 안에 중첩되지 않은 경우에도 해당

부분을 만들 수 있도록, 비활성화, 이는 당신이

모든 것을 비활성화 할 수 있습니다 한 번의 내용물. 이 예제에서는

내부의 단일 컨트롤이 있는 매우 간단한

예제를 보여 주습니다. 우리는 가능한 한 표준을 따르려고 노력합니다. 예를 들어 원하는 작업을 수행하도록 설계된 HTML 요소가 있는 경우 이를 사용하려고 합니다.

이론은 브라우저와 보조 기술도 표준을 따르려고 한다는 것입니다. 참고: 이 예제는 필드집합 범례.html에서 찾을 수 있습니다(라이브 참조).

있는 경우 블록 시작 테두리 위에 배치됩니다.

축소 랩을 지정하고 서식 컨텍스트도 설정합니다. 표시 값이 차단됩니다(예: 표시: 인라인이 블록으로 행동). 이전 문서에서 보았듯이