Supporto dell’autofocus HTML5 nei form

Autofocus

Non credo ci sia bisogno di spiegare che cosa sia l’autofocus e no, non stiamo parlando di fotografia. All’interno di una pagina web l’autofocus è la funzione grazie alla quale il browser imposta automaticamente il focus su un determinato elemento del form.
Ogni buon web designer sa come impostarlo con facilità grazie a Javascript: HTML 5 ha introdotto invece un attributo booleano per definirlo; tuttavia per il momento dovremmo comunque servirci di Javascrip per controllare se il browser del nostro utente lo supporta, ecco come:

A) Tecnica 2: controllare la proprietà autofocus di un input del DOM

function supports_input_autofocus() {
var i = document.createElement('input');
return 'autofocus' in i;
}

B) Usare Modernizr

if (Modernizr.input.autofocus) {
// autofocus funziona
} else {
// nessun supporto ail’autofocus
// tornare ad una soluzione via script
}

Il contenuto di questo articolo è liberamente ispirato dallo spettacolare DiveIntoHTML5

Annunci

Cosa ne pensi? Lascia un Commento

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...