In the past, we have had to rely on JavaScript to add input focus to specific form fields, but not anymore! Now we have the ability to do it natively in HTML5!
Ally Creative at http://allycreative.net/contact effectively uses the autofocus
ability in their contact form.
<form action="" method="post"> <ol id="left"> <li> <label for="contact-name" class="label-fade">Jane Doe of ACME Corporation</label> <input type="text" id="contact-name" name="contact-name" title="Name / Business" autofocus /></li> <li> <label for="contact-mail" class="label- fade">[email protected]</label> <input type="text" id="contact-mail" name="contact-mail" title="E-mail Addy" /></li> <li> <label for="contact-phone" class="label-fade">541 / 567- 5309</label> <input type="text" id="contact-phone" name="contact-phone" title="Phone Number" ...