title: How to add a search box with icon to the navbar using materialize css?
body: <p>I want to embed a simple input search box. I tried to use code like in bootstrap, but I can't make it to work. I have no clue how to do it.</p>
  
  <p>I have this bootstrap code: </p>
  
  <pre><code>&lt;div class="col-sm-3 col-md-3 pull-right"&gt;
      &lt;form class="navbar-form" role="search"&gt;
          &lt;div class="input-group"&gt;
              &lt;input type="text" class="form-control" placeholder="Search"
                                                      name="srch-term" id="srch-term"&gt;
              &lt;div class="input-group-btn"&gt;
                  &lt;button class="btn btn-default" type="submit"&gt;
                      &lt;i class="glyphicon glyphicon-search"&gt;&lt;/i&gt;
                  &lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Reference: <a href="https://stackoverflow.com/questions/18619740/how-to-add-a-search-box-with-icon-to-the-navbar-in-bootstrap-3">How to add a search box</a></p>