输入数据列表分组 [英] Input with datalist grouping

问题描述

我通过两种方式进行选择:

I do with select in two ways:

1. 具有禁用选项.
2. 带有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>

如何在数据列表中执行此操作?

How to do this in a datalist?

如何与数据列表分组?

推荐答案

在Chrome上看起来很简洁，但是我不知道它将如何在其他浏览器中呈现.

This looks neat on Chrome, but I don't know how it will render in other browsers.

<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>

这篇关于输入数据列表分组的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！