<datalist>：HTML 数据列表元素
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
尝试一下
<label for="ice-cream-choice">Choose a flavor:</label> <input list="ice-cream-flavors" id="ice-cream-choice" name="ice-cream-choice" /> <datalist id="ice-cream-flavors"> <option value="Chocolate"></option> <option value="Coconut"></option> <option value="Mint"></option> <option value="Strawberry"></option> <option value="Vanilla"></option> </datalist> label { display: block; margin-bottom: 10px; } 属性
该元素除了公用的全局属性之外，没有其他属性。
示例
html
<label >Choose a browser from this list: <input list="browsers" name="myBrowser" /></label> <datalist id="browsers"> <option value="Chrome"></option> <option value="Firefox"></option> <option value="Internet Explorer"></option> <option value="Opera"></option> <option value="Safari"></option> </datalist> 结果
规范
| Specification |
|---|
| HTML # the-datalist-element |
浏览器兼容性
Loading…