HTML의
다음은 속성입니다-
- 사용 중지됨 :옵션 그룹을 비활성화하도록 지정합니다.
- 라벨 :옵션 그룹에 대한 레이블을 지정합니다. 이제
이제 요소를 구현하는 예를 살펴보겠습니다 -
예시
<!DOCTYPE html> <html> <body> <h2>Educational Qualification</h2> <select> <optgroup label="Graduation"> <option value="bca">BCA</option> <option value="bcom">B.COM</option> <option value="btech">B.TECH</option> </optgroup> <optgroup label="Postgraduation"> <option value="mca">MCA</option> <option value="mcom">M.COM</option> <option value="mtech">M.TECH</option> <option value="msc">M.Sc</option> </optgroup> </select> </body> </html>
출력
위의 예에는 두 개의 섹션이 있는 드롭다운 목록을 설정하는 두 개의 optgroup이 있습니다. 이런 식으로 드롭다운 목록에 그룹화된 옵션이 있습니다-
<select> <optgroup label="Graduation"> <option value="bca">BCA</option> <option value="bcom">B.COM</option> <option value="btech">B.TECH</option> </optgroup> <optgroup label="Postgraduation"> <option value="mca">MCA</option> <option value="mcom">M.COM</option> <option value="mtech">M.TECH</option> <option value="msc">M.Sc</option> </optgroup> </select>
옵션 요소 집합은 드롭다운 목록에 대해 다른 옵션을 설정하는 데 사용되며 사용자가 단일 옵션 그룹에서 그 중 하나를 선택할 수 있도록 합니다.
<option value="bca">BCA</option> <option value="bcom">B.COM</option> <option value="btech">B.TECH</option>