javascript - 空头 list 项目

当我使用jQuery或任何其他语言在输入框中输入任何单词时，我想缩短列表项

<div class="container">
<form>
   <label id="stylem">Name</label>
   <input class="search" placeholder="Search" />
</form>

<div id="design">
  <ul>
       <li>Manish</li>
       <li>Rahul</li>
       <li>Ankit</li>
       <li>Kapil</li>
       <li>Nisha</li>
       <li>Somiya</li>
       <li>Lovely</li>
       <li>Hashim</li>
       <li>Rihana</li>
  </ul>
</div>
<br/>
<br/>
</div>

最佳答案

您可以使用HTML5的功能：<datalist>：


  HTML <datalist>元素包含一组<option>元素，这些元素表示可用于其他控件的值。

<input list="names" name="design" id="design" placeholder="Search">
<datalist id="names">
    <option value="Manish">
    <option value="Rahul">
    <option value="Ankit">
    <option value="Kapil">
    <option value="Nisha">
    <option value="Somiya">
    <option value="Lovely">
    <option value="Hashim">
    <option value="Rihana">
</datalist>

关于javascript - 空头 list 项目，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47247504/