HTML : Option Groups/Sections

Have you ever wanted/needed to create a select drop down menu with options divided into sub-sections or groups with labels? See the screenshot below.

You can easily achieve this with HTML by wrapping OPTION tags inside a SELECT tag with an OPTGROUP tag, each with a label attribute in order to create the group caption or label. See the sample code below.