저는 현재 취하고있는 온라인 웹 개발 과정에 대한 과제를 진행하고 있습니다. 할당은 HTML 양식을 작성하는 것입니다.HTML5 형식의 여러 select 요소에 하나의 label 요소를 사용할 수 있습니까?
하나의 요구 사항은 드롭 다운 메뉴가 3 개 (월, 일 및 연도) 인 것입니다. "생일 :"레이블은이 세 가지 메뉴 앞에 표시됩니다.
코스의 과제 솔루션은 세 개의 선택 요소가 하나의 레이블 요소 안에 중첩되어 있음을 보여줍니다. 브라우저에서 정상적으로 보였지만 W3C에 파일을 업로드했을 때 다음 오류가 발생했습니다.
"오류 : 레이블 요소에는 최대 하나의 버튼, 입력, 미터, 출력, 진행률이 포함될 수 있습니다 , select 또는 textarea 자손. "
하나의 레이블 요소를 여러 개의 선택 요소에 적용하는 적절한 방법이 있습니까? 또는 이것은 가난한 관행이며 대신 매일, 달 및 연도마다 고유 레이블을 가져야합니다. 여기
내 코드입니다 :<div>
\t \t <label>Birthday:
\t \t \t <select name="month" required>
\t \t \t \t <option value="">Month</option>
\t \t \t \t <option value="Jan">Jan</option>
\t \t \t \t <option value="Feb">Feb</option>
\t \t \t \t <option value="Mar">Mar</option>
\t \t \t \t <option value="Apr">Apr</option>
\t \t \t </select>
\t \t \t <select name="day" required>
\t \t \t \t <option value="">Day</option>
\t \t \t \t <option value="1">1</option>
\t \t \t \t <option value="2">2</option>
\t \t \t \t <option value="3">3</option>
\t \t \t \t <option value="4">4</option>
\t \t \t </select>
\t \t \t <select name="year" required>
\t \t \t \t <option value="">Year</option>
\t \t \t \t <option value="1918">1918</option>
\t \t \t \t <option value="1988">1988</option>
\t \t \t \t <option value="1998">1998</option>
\t \t \t \t <option value="2008">2008</option>
\t \t \t </select>
\t \t </label>
\t </div>
-
- HTML에서
아니, 그게 내가 생각하는 표준입니다. 그러나 어쨌든 레이블 요소 안에 드롭 다운을 래핑 할 필요는 없습니다. 당신은 단지 라벨에 라벨을 넣고 부서에 드롭 다운을 넣고 필요에 따라 포맷 할 수 있습니다! –
그룹 관련 양식 컨트롤을 '
@ zer00ne - 필드 세트에 대해 조금 읽은 후에 레이블 요소를 제거하고 필드 세트의 선택 요소를 중첩했습니다. 그런 다음 W3C에서 유효성을 검사했습니다. 고맙습니다. – Marc