<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

​

<div class="wrapper">

  <span>Pesquisa</span>

​

  <div class="search">

    <input class="search-input" list="movies" placeholder="Pesquisa..."><i class="fa fa-search"></i>

  </div>

​

  <datalist id="movies">

     <option value="A Era do Gelo">A Era do Gelo</option>

     <option value="O Lobo de Wall Street">O Lobo de Wall Street</option>

     <option value="12 Horas">12 Horas</option>

     <option value="12 Rounds">12 Rounds</option>

     <option value="A Dama de ferro">A Dama de ferro</option>

     <option value="2 Filhos de Francisco">2 Filhos de Francisco</option>

     <option value="Exterminador do Futuro">Exterminador do Futuro</option>

     <option value="21 Gramas">21 Gramas</option>

     <option value="1408">1408</option>

  </datalist>

</div>