title: Use HTML5 (datalist) autocomplete with 'contains' approach, not just 'starts with'
body: <p>(I can't find it, but then again I don't really know how to search for it.)</p>
  
  <p>I want to use <code>&lt;input list=xxx&gt;</code> and <code>&lt;datalist id=xxx&gt;</code> to get autocompletion, BUT I want the browser to match all options by 'contains' approach, instead of 'starts with', which seems to be standard. Is there a way?</p>
  
  <p>If not simply, is there a way to force-show suggestions that I want to show, not those that the browser matched? Let's say I'm typing "foo" and I want to show options "bar" and "baz". Can I force those upon the user? If I just fill the datalist with those (with JS), the browser will still do its 'starts with' check, and filter them out.</p>
  
  <p>I want ultimate control over HOW the datalist options show. NOT over its UI, flexibility, accessibility etc, so I don't want to completely remake it. Don't even suggest a jQuery plugin.</p>
  
  <p>If I can ultimate-control form element validation, why not autocompletion, right?</p>
  
  <p><strong>edit:</strong> I see now that Firefox does use the 'contains' approach... That's not even a standard?? Any way to force this? Could I change Firefox's way?</p>
  
  <p><strong>edit:</strong> I made this to illustrate what I'd like: <a href="http://jsfiddle.net/rudiedirkx/r3jbfpxw/" rel="noreferrer">http://jsfiddle.net/rudiedirkx/r3jbfpxw/</a></p>
  
  <ul>
  <li><a href="https://html.spec.whatwg.org/multipage/forms.html#the-list-attribute" rel="noreferrer">HTMLWG's specs on <code>[list]</code></a></li>
  <li><a href="http://www.w3.org/TR/html-markup/datalist.html" rel="noreferrer">W3's specs on <code>datalist</code></a></li>
  <li><a href="http://davidwalsh.name/demo/datalist.php" rel="noreferrer">DavidWalsh example</a></li>
  <li><a href="http://www.hongkiat.com/blog/html5-datalist/" rel="noreferrer">HONGKIAT's summary on behaviors..?</a></li>
  </ul>