title: Can HTML5 datalist differentiate value and option text?
body: <p>The list attribute / datalist element of HTML5 forms shows a dropdown menu of choices one can pick from, edit, and even type in some text. All this can be achieved at once with a clean and powerful code:</p>
  
  <pre><code>&lt;input list="states"&gt;
  &lt;datalist id="states"&gt;
      &lt;option value="One"&gt;
      &lt;option value="Two"&gt;
  &lt;/datalist&gt;
  </code></pre>
  
  <p>However, how to make such a form send a value which is different from the option text, as in the usual select / option (below)?</p>
  
  <pre><code>&lt;select&gt;
      &lt;option value="1"&gt;One&lt;/option&gt;
      &lt;option value="2"&gt;Two&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>