title: Clear icon is missing HTML5 input type=search with ASP.NET MVC and Bootstrap 3
body: <p>I am working on an MVC application and would like to add an X for clearing current search criteria to my search box - like the one that comes by default with using input type=search in html5: <img src="https://i.stack.imgur.com/klAyA.png" /><br/><sub>(source: <a href="https://html5tutorial.info/images/input_type_search.png" rel="nofollow noreferrer">html5tutorial.info</a>)</sub><br/></p>
  <p>Below you can see my current code</p>
  <pre><code>@using (Html.BeginForm())
  {
      &lt;div class=&quot;input-group&quot;&gt;
          @Html.TextBox(&quot;SearchString&quot;, ViewBag.CurrentFilter as string, new { @class = &quot;form-control&quot;, placeholder = &quot;Search by Author or Title&quot; })
          &lt;span class=&quot;input-group-btn&quot;&gt;
              &lt;button class=&quot;btn btn-default&quot; type=&quot;button&quot;&gt;
                  &lt;span class=&quot;glyphicon glyphicon-search&quot;&gt;&lt;/span&gt;
              &lt;/button&gt;
          &lt;/span&gt;
      &lt;/div&gt;
  }
  </code></pre>