使用Twitter Bootstrap自动完成的下拉列表

时间:2017-02-14 09:04:11

标签: html css twitter-bootstrap-3

我想使用twitter-bootstrap提前自动完成下拉列表。

有没有办法实现这个目标?

1 个答案:

答案 0 :(得分:4)

实际上很简单,您需要<datalist><input>

&#13;
&#13;
<datalist id="myList">
  <option value="Just">
  <option value="google">
  <option value="it">
  <option value="you">
  <option value="lazy">
  <option value="duck">
</datalist>

<input type="text" placeholder="type here..." list="myList" autofocus>
&#13;
&#13;
&#13;

就是这样。 auto-complete不需要其他任何内容。 这是基本的HTML,不需要Bootstrap。