Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial

Form e bottoni di submit

Bottoni di submit che sembrano campi di input: come evitarli.
Bottoni di submit che sembrano campi di input: come evitarli.
Link copiato negli appunti

Christian Montoya ha presentato nel recente
Submit buttons should not look like input boxes
una riflessione che condivido, e che ho espresso tempo fa nell'articolo Impaginare
i form
: capita non di rado di vedere form di registrazione in cui il bottone di submit si presenta come i campi di input, come nell'immagine di seguito.

esempio di form da evitare

A parer mio è indice di poca cura, e il più delle volte ha l'effetto di confondere l'utente.
Le soluzioni presentate da Montoya per evitare questo problema sono sostanzialmente tre:

  1. usare classi (o, aggiungo io, id) per differenziare campi di input del tipo
    input type="text" e input type="submit"
  2. usare il tag <button> anzichè <input> per il bottone di submit
  3. usare selettori di attributo del tipo input[type="submit"]

In quanto alla terza soluzione, c'è da dire che non funziona su IE5.x e IE6 e direi
che si potrebbe escludere. A parer mio è da preferire l'uso del button. Il motivo? àˆ ben supportato e non richiede classi e/o id aggiuntivi. A tal proposito, se non l'avete
ancora fatto, merita una lettura l'articolo Push my button di cui è presente
anche la traduzione su HTML.it.

Ti consigliamo anche