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

how to create a textbox in a list (HTML)

本文关键字：创建 文本 HTML 列表      更新时间：2024-04-12

我想要一个HTML（单选）列表，它将具有-

  1. 用于输入文本的文本框
  2. 选项列表，用户可以从中选择任何一个选项

我想要的是-一个带有文本框的列表作为选项

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">

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

对于标准的select元素，您将无法以这种方式进行操作。

您可以使用UI javascript库来使用自定义控件。这里需要的通常称为自动完成。

此控件是组合框和文本输入的混合体。你可以用鼠标选择一个选项，就像用经典的选择一样，但你也可以用键盘过滤结果。

这是我所说的一个例子。这是jQuery UI库的演示页面。你可以在这里看到一个自动完成的动作。我链接的演示没有可点击的按钮来显示选项列表。看看combobox演示。

玩这个，你将能够有一个组合框，你将可以在其中键入自定义值。

网上有很多像这样的图书馆。这是一个维基百科列表。

相关文章：