如何在下拉列表中放置文本输入框？

Question

请有人告诉我如何将输入文本框放在下拉列表中： -

这张照片是使用bootstrap。我不想要bootstrap只想使用html / css和javascript可能吗？请求帮助我，我坚持这么长时间。

Answer 1

代码：http://codepen.io/anon/pen/OyQYmN

HTML标签可以互相嵌套。鉴于此，您可以更改下拉列表的HTML：

<ul class="dropdown-menu">
  <li>An option</li>
  <li>Another option</li>
  <li>Something else here</li>
</ul>

包含<input type="text">。

Answer 2

要在没有引导程序的情况下执行此操作，您必须创建自己的CSS，将列表视为下拉列表。 - http://www.instructables.com/id/How-to-Create-Custom-CSS3-Dropdown-Menus-CSS-Drop/?ALLSTEPS

解释了执行此操作的一种方法

现在你有一个被视为下拉列表的列表，你可以添加你想要的任何元素。

Answer 3

我创建了一个使用纯CSS3作为下拉菜单并为您添加输入的演示。以下是完成此操作的代码，演示位于底部。

styles.xml

CSS3下拉菜单：DEMO