Andiie Andiie - 3 months ago 19
HTML Question

How to put Input and Icon in the same line Materialize?

I have this HTML, need to show the input and the icon in the same line...



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





And i got this two lines elements

need to look like this example in single line!

Answer

try this

<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>