如何将 Input 和 Icon 放在同一行 Materialize？

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>

如何将 Input 和 Icon 放在同一行 Materialize？

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

html

javascript

materialize