title: HTML5 Drop Down Menu with output
body: <p>I am creating a website using HTML5 and CSS. I am trying to create a drop down menu, which I have the code for. However, my code just produces a drop down menu. How do I add a "go" button, so that when an option is selected and the go button is pressed, an answer is outputted that relates to the drop down menu value.</p>
  
  <p>EXAMPLE, I HAVE:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt; My Project&lt;/title&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;select&gt;
              &lt;option value="volvo"&gt;1&lt;/option&gt;
              &lt;option value="saab"&gt;2&lt;/option&gt;
              &lt;option value="mercedes"&gt;3&lt;/option&gt;
              &lt;option value="audi"&gt;4&lt;/option&gt;
          &lt;/select&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>HOW DO I:
  1. Add a submit button.
  2. When the button is submited, and a number is chosen from the drop down menu, the car name is outputted for the user to see.</p>