양식 마크 업 조언, 긴 "질문"텍스트가있는 범례

온라인 설문지를 작성 중이며 마크 업을위한 모범 사례에 대한 조언을 찾고있었습니다. 일부 질문은 상당히 길며, 제 3 자의 질문이므로 변경할 수 없습니다. 현재 다음과 같은 질문을 가지고 있습니다.양식 마크 업 조언, 긴 "질문"텍스트가있는 범례

<fieldset> 
    <legend><span>Some long question text will go here?</span></legend> 
    <input type="checkbox" name="opt1" id="opt1" value="opt1" /><label for="opt1">Option 1</label> 
    <input type="checkbox" name="opt2" id="opt2" value="opt2" /><label for="opt2">Option 2</label> 
    <input type="checkbox" name="opt3" id="opt3" value="opt3" /><label for="opt3">Option 3</label> 
</fieldset>

더보기 좋고 더 유용한 기술이 있습니까? 어떤 조언을 주셔서 감사합니다

출처

2011-04-21 Ally

나에게 잘 어울립니다. 나는 '범례'안에 '스팬 (span)'을 중첩시키지 않겠지 만. –

그래, 액세스 할 수 있지만 <span> 태그에 대한 이유가 없습니다.

출처

2011-04-23 13:47:06 Francisc

추가 된 참고 사항으로, 일반적으로 레이블 태그 안에 input을 중첩합니다. 레이블에 display : block을 설정하여 태그를 추가하지 않고 그 자체로 한 줄을 만들 수 있기 때문입니다. 이런 식으로 중첩 할 때에도/id 속성을 사용하는 것이 좋습니다. –

예. 올바른 접근 마크 업이지만 가능한 경우 길이가 매우 길어집니다 (<legend>). 일부 화면 판독기는 필드 세트의 각 입력에 대한 범례 및 레이블을 읽습니다. 범례가 길면 사용자에게 매우 귀찮은 일이 될 수 있습니다.

일부 브라우저에서는 길이가 모두 브라우저 창의 너비에 맞지 않는 경우 길이가 길어집니다 (<legend>). 범례를 공백으로 스타일링하여 제어 할 수 있습니다. 보통

출처

2011-05-09 16:41:44

양식 마크 업 조언, 긴 "질문"텍스트가있는 범례

답변

관련 문제