title: Browser overides datalist
body: <p>I have the following example :</p>
  <pre><code>   &lt;!DOCTYPE html&gt;
     &lt;html&gt;
     &lt;body&gt;
     &lt;form&gt;
       &lt;input list=&quot;myDatalist&quot;&gt; 
       &lt;datalist id=&quot;myDatalist&quot;&gt; 
         &lt;option value=&quot;A&quot;&gt;
         &lt;option value=&quot;B&quot;&gt;
         &lt;option value=&quot;C&quot;&gt;
         &lt;option value=&quot;D&quot;&gt;
         &lt;option value=&quot;E&quot;&gt;
        &lt;/datalist&gt;
     &lt;/form&gt;&lt;
     &lt;button onclick=&quot;myFunction()&quot;&gt;test&lt;/button&gt;
     &lt;p id=&quot;demo&quot;&gt;&lt;/p&gt;
     &lt;script&gt;
     function myFunction() {
      var x = document.getElementById(&quot;myDatalist&quot;).options.length;
      document.getElementById(&quot;demo&quot;).innerHTML = x;
     }
     &lt;/script&gt;
     &lt;/body&gt;
     &lt;/html&gt;
  </code></pre>
  <p>At first start the browser shows all elements of datalist. When I select one , e.g.&quot;C&quot; at the next time the datalist contains only &quot;C&quot;. How can I prevent from changing the datalist by the browser?</p>
  <p>Best regards
  Werner</p>