如何將輸入和圖標放在同一行中實現？

Question

我有這樣的HTML，需要顯示的輸入，並在同一行的圖標...

<input type="search" ng-model="q" 
 
     placeholder="Pesquise algo! :)" 
 
     aria-label="filter docs"/> 
 
<i class="material-icons">search</i>

，我得到這個two lines elements

需要像這樣example在單行中！

Answer 1

試試這個

<div class="row"> 
    <div class="input-field col s6"> 
     <i class="material-icons prefix">phone</i> 
     <input id="icon_telephone" type="tel" class="validate"> 
     <label for="icon_telephone">Telephone</label> 
    </div> 
    </div>