html – 使用datalist分组输入

发布时间：2020-12-14 18:37:32 所属栏目：资源来源：网络整理

导读：我用两种方式选择：禁用选项. 使用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/optio

我用两种方式选择：

>禁用选项.
>使用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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!