Jazzo.co.uk uses cookies to provide necessary site functionality and improve your experience. By using our website, you agree to our Privacy Policy and our Terms & Condition.

Contact Services About Home

Home About Services Contact

HTML

Start Tutorials

Introduction Tags & Elements Attributes Structure Building First Page Tags In Action Choosing Our IDE Adding Content To Pages Indentation Overview

Tags & Elements

<!DOCTYPE> <a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdi> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <data> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <h1>-<h6> <head> <header> <hr> <html> <i> <iframe> <img> <input> <ins> <kbd> <label> <legend> <li> <link> <main> <map> <mark> <meta> <meter> <nav> <noscript> <object> <ol> <optgroup> <option> <output> <p> <param> <picture> <pre> <progress> <q> <rp> <rt> <ruby> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <svg> <table> <tbody> <td> <template> <textarea> <tfoot> <th> <thead> <time> <title> <tr> <track> <u> <ul> <var> <video> <wbr>

CSS

MATERIAL-ICONS

Introduction Icons - Action Icons - Alert Icons - AV Icons - Communication Icons - Content Icons - Device Icons - Editor Icons - File Icons - Hardware Icons - Image Icons - Maps Icons - Navigation Icons - Notification Icons - Places Icons - Social Icons - Toggle

HTML < optgroup>

28th February 2020 | Christopher Pisani

The HTML element <optgroup> is used to group set of options in a drop-down list.

A simple example to show how it works

Select a town: 
<select>
    <optgroup label="Eligable towns in Scotland"> 
        <option value="nairn">Nairn</option>
        <option value="forres">Forres</option>
        <option value="elgin">Elgin</option>
        <option value="rothes">Rothes</option>
    </optgroup>
    <optgroup label="Eligable towns in England">
        <option value="liverpool">Liverpool</option>
        <option value="manchester">Manchester</option>
        <option value="essex">Essex</option>
        <option value="kent">Kent</option>
    </optgroup>
</select>

Available Attributes

Attribute	Values	Functionality
disabled		Disables the entire group in the dropdown list
label	text	The title for the group shown in the dropdown list

Please Note: Although we try our utmost to deliver the correct information, some of the data properties might have changed after this information was published on our website. If you believe there is incorrect information on this section, please report error on our contact form.