ingresso con datalist raggruppamento

Question

faccio con selezionate in due modi:

1. Con l'opzione disattivata.
2. Con tag optgroup.

<select name="curso1" id="curso1"> 
 
    <option disabled="" style="font-size:12px; text-align:left; font-family:Arial Black">Group</option> 
 
    <option value="1">Windows 8</option> 
 
    <option value="8">lalalala</option> 
 
</select> 
 
<select> 
 
    <optgroup label="Swedish Cars"> 
 
     <option value="volvo">Volvo</option> 
 
     <option value="saab">Saab</option> 
 
    </optgroup> 
 
    <optgroup label="German Cars"> 
 
     <option value="mercedes">Mercedes</option> 
 
     <option value="audi">Audi</option> 
 
    </optgroup> 
 
</select>

come fare questo in un datalist?

Come raggruppare con il datalist?

Answer 1

Questo sembra accurato su Chrome, ma non so come renderà in altri browser.

<label>Choose a browser from this list: 
 
<input list="browsers" name="myBrowser" /></label> 
 
<datalist id="browsers"> 
 
    <option value="Brave">GroupA</option> 
 
    <option value="Firefox"></option> 
 
    <option value="Safari"></option> 
 
    <option value="Opera">GroupB</option> 
 
    <option value="Internet Explorer"></option> 
 
    <option value="Microsoft Edge"></option> 
 
</datalist>