Autofocus es un atributo booleano para los campos de un formulario que hace que el foco del explorador esté fijado sobre uno de ellos cuando se carga la web. En el siguiente ejemplo puedes ver que el segundo input tiene el atributo autofocus a 1 y, por tanto, verás que el cursor parpadea en el segundo cuadro de texto al cargar la página.
<p><label> Ejemplo 1:</label><input name="nombre" type="text"></p> <p><label> AutoFocus:</label><input name="nombre" autofocus type="text"></p>
Ver ejemplo en funcionamiento » »
Al igual que en nuestro anterior post, denominado "El atributo placeholder en HTML5", podemos recurrir a Modernizr y jQuery para obtener una versión cross-browser de autofocus:
$(document).ready(function() {
if(!Modernizr.input.autofocus){
$('input[autofocus]').trigger('focus');
}
});