Basic HTML

Advance HTML

HTML Tags Reference

HTML Code Generator


HTML <optgroup> Tag


HTML <optgroup> tag define the options group surrounding <select> tag.

HTML <optgroup> tag use for group of related options in drop-down list.


Example-Code:

<select>
  <optgroup label="Asia">  
    <option value="india">India</option>
    <option value="singapore">Singapore</option>
  </optgroup>  
  <optgroup label="Europe"> 
    <option value="Englend">Englend</option>
    <option value="France">France</option>
  </optgroup> 
</select>
Online Try This Code Your Self....   »

Example-Result:


<optgroup> Tag Attributes

Attributes Value Description
label "Value_Name" Specify option group name.

Dynamic Attributes

<optgroup> tag supported following Dynamic attributes.:


Attributes Value Description
id ID_Name Declared unique id for the element.
class Predefined_Class Used in Cascading Style Sheet (CSS).
style style_Attributes CSS code specify inline the HTML element is presented.
title Title_Description Display on the "tooltip" for your elements.

Event Attributes

<optgroup> tag supported following Event attributes.:

Attributes Value Description
onclick "Java_script" clicked on object when script tobe run.
ondblclick "Java_script" double click on object when script tobe run.
onkeydown "Java_script" key is pressed when script tobe run.
onkeypress "Java_script" key is pressed over element then released when script tobe run.
onkeyup "Java_script" key is released over element when script tobe run.
onmousedown "Java_script" mouse button was pressed over an element when script tobe run.
onmouseout "Java_script" mouse pointer release over an element when script tobe run.
onmousemove "Java_script" run mouse pointer moved when script tobe run.
onmouseover "Java_script" run mouse pointer move over when script tobe run.
onmouseup "Java_script" mouse button is released when script tobe run.