title: Mobile HTML text input autocomplete doesn't reset when focused and reset
body: <p>Trying to build a simple HTML/JS chat functionality and when a user selects &quot;submit&quot; the message is sent and the focus is on the text input, cleared. However, the autocomplete remains from the last word (on mobile). I want the autocomplete feature but need it to CLEAR on submit and reset.</p>
  <p><a href="https://i.stack.imgur.com/bD4VL.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bD4VL.jpg" alt="autocomple after reset on mobile" /></a></p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;body&gt;
  
  &lt;h1&gt;The autocomplete remians on reset&lt;/h1&gt;
  
  &lt;form&gt;
    &lt;input type=&quot;text&quot; id=&quot;message&quot; name=&quot;message&quot; &gt;&lt;br&gt;&lt;br&gt;
    &lt;input type=&quot;reset&quot; onclick=&quot;myFunction()&quot;&gt;
  &lt;/form&gt;
  
  &lt;script&gt;
      function myFunction() {
          document.getElementById(&quot;message&quot;).value ='';
          document.getElementById(&quot;message&quot;).focus();
      }
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>