title: How can I make the display and the value different for a html form datalist option?
body: <p>How can I make the display and the value different for an html form datalist option?</p>
  
  <p>For instance, for a select-option field, I can write:  <code>&lt;option value="Fake"&gt;Sample&lt;/option&gt;</code> where "Sample" is displayed, but "Fake" is the value posted.</p>
  
  <p>For a datalist, <code>&lt;option value="Sample" /&gt;</code>, "Sample" is both displayed and used as the posted value.</p>
  
  <p>How can I make it so I can post a different value from Sample in a datalist?  Thanks!</p>
  
  <p>I need this so I can dynamically populate the datalist from MySQL, displaying a name while using an ID, for example <code>&lt;option value="2"&gt;Bob&lt;/option&gt;</code> (if this were a select-option field instead of a database field).</p>
  
  <hr>
  
  <p>I discovered that I could use <code>&lt;option value="Fake" label="Sample"/&gt;</code>, which will hide it in Firefox, but Opera still displays both the Value and the Label. Anyone have any further ideas to display Sample, but hide Fake?</p>