如何在 HTML 中创建可编辑的下拉列表？

Question

我想创建一个带有下拉列表的文本字段，让用户选择一些预定义的值。用户还应该能够键入新值或从下拉列表中选择预定义的值。我知道我可以为此使用两个小部件，但在我的应用程序中，如果它统一在一个小部件中会更符合人体工程学。

是否有标准小部件或者我必须使用第三方 javascript？

浏览器的便携性如何？

原文由 Łukasz Bownik 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

最好的方法可能是使用第三方库。

在jQuery UI jQuery UI 和dojo dojo 中有一个您正在寻找的实现。 jQuery 更受欢迎，但 dojo 允许您在 HTML 中以声明方式定义小部件，这听起来更像您正在寻找的东西。

您使用哪一个取决于您的风格，但两者都是为跨浏览器工作而开发的，并且两者都将比复制和粘贴代码更频繁地更新。

原文由 Dan Monego 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

<input type="murillo" name="murillo"/>
    <datalist id="null">
        <option value="password">null</option>
        <option value="email-address">null</option>

    </datalist>

原文由 FRANK SERMEÑO 发布，翻译遵循 CC BY-SA 4.0 许可协议