title: Making Enter key on an HTML form submit instead of activating button
body: <p>I have an HTML form with a single <code>submit</code> input, but also various <code>button</code> elements. When the user presses the 'enter' key, I'd expect it to actually submit the form, but instead (within Chrome 15 at least) I'm finding that it's triggering the first <code>button</code> (since that occurs earlier in the HTML than the <code>submit</code> input, I guess).</p>
  
  <p>I know that in general you can't force browsers to favour a particular <code>submit</code> input, but I really thought they would favour <code>submit</code> inputs over <code>button</code> elements. Is there a small tweak I can make to the HTML to make this work, or am I going to have to embrace some kind of Javascript approach?</p>
  
  <p>Here's a rough mockup of the HTML:</p>
  
  <pre><code>&lt;form action="form.php" method="POST"&gt;
      &lt;input type="text" name="field1"/&gt;
      &lt;button onclick="return myFunc1()"&gt;Button 1&lt;/button&gt;
      &lt;input type="submit" name="go" value="Submit"/&gt;
  &lt;/form&gt;
  </code></pre>