Testare il supporto browser del testo segnaposto (placeholder) di HTML5

Un altro dei miglioramenti relativi ai form apportato da HTML5 è la possibilità di impostare un testo segnaposto visibile nei campi input quando questi non sono nello stato di focus o non sono già stati riempiti.

Metodi per controllare il supporto dei placeholder

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

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

B) Usare Modernizr

if (Modernizr.input.placeholder) {
// Il testo segnaposto dovrebbe già essere visibile
} else {
// nessun supporto ai placeholder
// tornare ad una soluzione via script
}

Questo articolo è tradotto liberamente 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...