Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

HTML 태그

<시간/>

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>

출력

HTML  optgroup 
 태그

위의 예에는 두 개의 섹션이 있는 드롭다운 목록을 설정하는 두 개의 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>