我用两种方式选择:
>禁用选项.
>使用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>
如何在datalist中执行此操作?
如何与datalist组合?
解决方法
这在Chrome上看起来很整洁,但我不知道它将如何在其他浏览器中呈现.
<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>