title: HTML: Is there a way to allow the user to type in their input but also have a drop down select menu?
body: <p>For example, I have</p>
  
  <pre><code> &lt;label class="form"&gt;Menu&lt;/label&gt;
        &lt;select id="selection" name="select" required&gt;
             &lt;option value="" selected&gt;--Select an Option--&lt;/option&gt;
             &lt;option value="option1"&gt;Option 1&lt;/option&gt;
             &lt;option value="option2"&gt;Option 2&lt;/option&gt;
             ...
        &lt;/select&gt;
  </code></pre>
  
  <p>This would only give a a drop down menu when the user clicks on the input box with their mouse.  But I want to give them the option to be able to type in the input box such as:</p>
  
  <p>If the user types in <code>option1</code> it would direct them to the "Option 1" drop-down menu, etc.  And if the user types in any other words that are not included in the drop-down list it would show "Invalid Input".</p>