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:

Continua a leggere

Annunci

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

Continua a leggere

Controlliamo il supporto dei nuovi input type HTML5 nei Browser

Oltre ai classici <input type=”text”> o <input type=”password”> sono stati introdotti numerosi tipi di campi per i form

  • <input type=”search“> per i campi di ricerca
  • <input type=”number“> per i numeri
  • <input type=”range“> per gli slider
  • <input type=”color“> per i color picker (selettori di colore)
  • <input type=”tel“> per i numeri telefonici
  • <input type=”url“> per gli indirizzi web
  • <input type=”email“> per gli indirizzi e-mail
  • <input type=”date“> per i selettori delle date di calendario
  • <input type=”month“> per i mesi
  • <input type=”week“> per le settimane
  • <input type=”time“> per la marca temporale
  • <input type=”datetime“> per una marca temporale precisa
  • <input type=”datetime-local”> per la marca temporale locale

Li vedremo più nel dettaglio in un successivo post, nel frattempo come verificare se il browser dell’utente li riconosce?

Continua a leggere