title: How Disable an option on Datalist
body: <p>how can I disable an option in Datalist?</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;input type="hidden" name="Town_Group" id="frmTown_Group"&gt;
  &lt;input name="Town" id="frmTown" list="frmTown_List"&gt;
  &lt;datalist name="Town_List" id="frmTown_List"&gt;
  &lt;option value="London"&gt;London&lt;/option&gt;
  &lt;option value="Zurich"&gt;Zurich&lt;/option&gt;
  &lt;option value="|" disabled=true &gt;Italian&lt;/option&gt;
  &lt;option value="Turin"&gt;Turin&lt;/option&gt;
  &lt;option value="Milan"&gt;Milan&lt;/option&gt;
  &lt;option value="Rome"&gt;Rome&lt;/option&gt;
  &lt;option value="Naples"&gt;Naples&lt;/option&gt;
  &lt;option value="|" disabled=true &gt;French&lt;/option&gt;
  &lt;option value="Bordeaux"&gt;Bordeaux&lt;/option&gt;
  &lt;option value="Lion"&gt;Lion&lt;/option&gt;
  &lt;option value="Paris"&gt;Paris&lt;/option&gt;
  &lt;/datalist&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I tried with disabled, the effect was that the option has disappeared.</p>
  
  <p>Thanks Giovanni Rossati</p>