以下是一个简单的示例：
<label for="browser">选择一个浏览器：</label>
<input list="browsers" id="browser" name="browser" placeholder="开始输入...">
<datalist id="browsers">
<option value="Chrome">
<option value="Firefox">
<option value="Safari">
<option value="Edge">
<option value="Opera">
</datalist>
在这个例子中，<datalist> 元素定义了一个包含不同浏览器名称的选项列表。然后，通过在 <input> 元素中设置 list 属性，可以将该输入框与 <datalist> 关联起来。用户在输入框中开始输入时，将会显示匹配的选项。
这种方式可以提供用户友好的输入体验，尤其是在需要从预定义列表中选择选项的情况下。
转载请注明出处：http://www.zyzy.cn/article/detail/3838/HTML