如何在列表中创建文本框(HTML)

时间:2013-12-05 16:10:02

标签: javascript html html5

我希望在HTML(单选)中有一个列表 -

  1. 用于输入文字的文本框。
  2. 用户可以从中选择任何一个选项的选项列表。
  3. 我想要的是 - 带有文本框选项的列表。

    HTML中的基本列表语法类似于 -

    <select>
      <option value="volvo">Volvo</option>
      <option value="saab">Saab</option>
      <option value="audi" selected>Audi</option>
    </select>
    

    虽然HTML中的基本文本框语法类似于 -

    <input type="textbox" name="first">
    

    请帮助,因为在列表语法中嵌套文本框语法不会产生所需的结果。

1 个答案:

答案 0 :(得分:1)

使用标准选择元素无法以这种方式执行此操作。

您可以使用UI javascript librairies来使用自定义控件。您在此需要的内容通常称为自动填充

此控件是组合框和文本输入之间的混合。您可以像使用经典选择一样使用鼠标选择一个选项,但您也可以使用键盘来过滤结果。

Here is an example我正在谈论的内容。这是 jQuery UI 库的演示页面。您可以在此处看到自动填充功能。我链接的演示没有可点击的按钮来显示选项列表。看看combobox演示。

使用此功能,您将能够拥有一个组合框,您可以在其中键入自定义值。

网上有很多像这样的图书馆。 Here is a wikipedia list