带输入字段的HTML选择下拉菜单

如何在HTML中使用文本输入选项实现选择样式下拉菜单？带输入字段的HTML选择下拉菜单

想法是有人可以从预定义选项列表中进行选择，或者输入自己的选项。

2013-04-13 jesal

'搜索字段==输入文本字段' –

@MohammadAdil是的，但你知道我的意思:) – jesal

您可以使用带有“list”属性的输入文本，该属性引用值的数据列表。

<input type="text" name="city" list="cityname"> 
<datalist id="cityname"> 
    <option value="Boston"> 
    <option value="Cambridge"> 
</datalist>

这将创建一个也有一个下拉选择预定义的选择自由文本输入字段。归属例如和更多信息：https://www.w3.org/wiki/HTML/Elements/datalist

2015-04-20 17:58:47 Oleg

嗨Oleg，原始的海报要求插件或一些示例代码 - 可以你有充实的答案来展示如何应用“list”属性来做他们想做的事情？谢谢。 –

哇。现在我刚刚学到了一些新东西。我认为没有多少程序员知道这个简单的技巧来解决这个问题。谢谢。 – Dummy

Datalist可以做到这一点，但某些浏览器（例如chrome）的显示可能会出现问题。与选择元素相反，您不能设计样式，甚至只能简单地使用滚动条，这对于长列表来说是个大问题。 –

回答