title: button vs input type="submit" vs a onclick="document.formname.submit()"
body: <p>Just trying to implement these buttons at the moment: <a href="http://web.archive.org/web/20110721191046/http://particletree.com/features/rediscovering-the-button-element/" rel="noreferrer">http://web.archive.org/web/20110721191046/http://particletree.com/features/rediscovering-the-button-element/</a></p>
  
  <p>Can't decide which to go for, since here we mostly use IE6. As far as I can tell...</p>
  
  <p><strong>button:</strong></p>
  
  <ul>
  <li>Lets you submit the form as usual (ie hitting enter on the form), lets you disable it, standards compliant, doesn't rely on javascript</li>
  <li>No :hover in IE6 without using Suckerfish, but you can't then style it accordingly and are limited to just one background color &amp; has a horrible black border in IE6</li>
  </ul>
  
  <p><strong>input type="submit":</strong></p>
  
  <ul>
  <li>Also let's you submit the form as usual</li>
  <li>Can't include images so you'll have a silly amount of class files for what I need, and again no :hover in IE6 without Suckerfish</li>
  </ul>
  
  <p><strong>a onclick="document.formname.submit()"</strong></p>
  
  <ul>
  <li>Easy to style in IE6 without any hacks</li>
  <li>Not so easy to work with, without hacks! ie you can't submit the button with the enter key</li>
  </ul>
  
  <p>... so I'm just wondering, of the three, which one is generally preferred? Ideally I guess I want function over style, but it is a requirement to have Javascript enabled here (it's only for an intranet page) and I guess generally people don't mind too much what's going on in the background? Hmm.</p>