html – 使用datalist分组输入

前端之家收集整理的这篇文章主要介绍了html – 使用datalist分组输入前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我用两种方式选择:

>禁用选项.
>使用optgroup标签.

  1. <select name="curso1" id="curso1">
  2. <option disabled="" style="font-size:12px; text-align:left; font-family:Arial Black">Group</option>
  3. <option value="1">Windows 8</option>
  4. <option value="8">lalalala</option>
  5. </select>
  6. <select>
  7. <optgroup label="Swedish Cars">
  8. <option value="volvo">Volvo</option>
  9. <option value="saab">Saab</option>
  10. </optgroup>
  11. <optgroup label="German Cars">
  12. <option value="mercedes">Mercedes</option>
  13. <option value="audi">Audi</option>
  14. </optgroup>
  15. </select>

如何在datalist中执行此操作?

如何与datalist组合?

解决方法

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

  1. <label>Choose a browser from this list:
  2. <input list="browsers" name="myBrowser" /></label>
  3. <datalist id="browsers">
  4. <option value="Brave">GroupA</option>
  5. <option value="Firefox"></option>
  6. <option value="Safari"></option>
  7. <option value="Opera">GroupB</option>
  8. <option value="Internet Explorer"></option>
  9. <option value="Microsoft Edge"></option>
  10. </datalist>

猜你在找的HTML相关文章