Andiie Andiie - 1 year ago 107
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 Source

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>
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download