title: How to remove autocomplete from input?
body: <p>I have tried autocomplete=&quot;off&quot;, autocomplete=&quot;none&quot; , autocomplete=&quot;/&quot; ,autocomplete=&quot;new-text&quot;
  but still it shows autocomplete</p>
  <p>browser autocomplete overlaps typehead autocomplete popup</p>
  <p>I don't Know how to remove this autocomplete</p>
  <p>Thank you in advance!!</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;form name="clientForm" class="kt-form kt-form--label-right" novalidate role="form" autocomplete="new-text"&gt;
   &lt;div class="form-group row"&gt;
                      &lt;div class="col-lg-3 col-sm-6 col-xs-12 typeahead"&gt;
                          &lt;label for="country"&gt;Country &lt;span style="color:red"&gt;*&lt;/span&gt;&lt;/label&gt;&lt;br /&gt;
                          
                          &lt;input id="add-c-country" class="form-control" name="country" type="text" dir="ltr" placeholder="Enter Country" autocomplete="new-text" /&gt;
  
                          &lt;div class="form-text text-muted" ng-show="clientForm.country.$touched || clientForm.$submitted"
                               ng-messages="clientForm.country.$error" role="alert"&gt;
                              &lt;div class="req-red" ng-message="required"&gt;Please Select Country&lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
          &lt;/form&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>I am using typeahead.js for auto complete</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function applyAutocomplete(id, array,namE) {
              $('input#' + id).typeahead({
                  hint: true,
                  highlight: true,
                  minLength: 1,
                  accent: true,
                  offset: true
              }, {
                  name: namE,
                  limit: 100,
                  source: substringMatcher(array)
              });
          }
          
          
          
          applyAutocomplete('add-c-country', $ctrl.countryNameList,'country');</code></pre>
  </div>
  </div>
  </p>
  <p><a href="https://i.stack.imgur.com/lzdco.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lzdco.png" alt="enter image description here" /></a></p>