Crea pulsanti di testo personalizzabili in HTML usando il ingresso etichetta. Il ingresso l'elemento è usato all'interno di a modulo elemento.
Impostando il attributogenere a "pulsante", genera un semplice pulsante cliccabile. È possibile definire il testo che apparirà sul pulsante, ad esempio "Invia", utilizzando il pulsante valore attributo. Per esempio:
Il ingresso il tag non invierà un modulo HTML; devi includere JavaScript per gestire l'invio dei dati del modulo. Senza JavaScript al clic evento, il pulsante sembrerà cliccabile ma non accadrà nulla e avrai frustrato i tuoi lettori.
L'alternativa al tag "pulsante"
Pur usando il ingresso tag per creare un pulsante funziona per il suo scopo, è un'opzione migliore usare il pulsante tag per creare i pulsanti HTML del tuo sito web. Il pulsante è più flessibile perché ti consente di utilizzare immagini per il pulsante (che ti aiuta a preservare la coerenza visiva se il tuo sito ha un tema di design), ad esempio, e può essere definito come un tipo di pulsante di invio o ripristino senza bisogno di alcun extra JavaScript.
Specificare il pulsante genere attributo in qualsiasi pulsante tag. Ci sono tre diversi tipi:
- pulsante:Il pulsante non ha un comportamento intrinseco ma viene utilizzato insieme a script eseguiti sul lato client che possono essere collegati al pulsante ed eseguiti quando viene fatto clic.
- Ripristina: Reimposta tutti i valori.
- Invia: il pulsante invia i dati del modulo al server (questo è il valore predefinito se non è definito alcun tipo).
Altri attributi includono:
- nome: Assegna al pulsante un nome di riferimento.
- valore: Specifica un valore da assegnare inizialmente al pulsante.
- disattivare: Disattiva il pulsante.
Andare oltre con i pulsanti
HTML5 aggiunge attributi aggiuntivi al pulsante tag che ne estende le funzionalità.
- messa a fuoco automatica: quando la pagina viene caricata, questa opzione specifica che questo pulsante è il focus. È possibile utilizzare un solo autofocus su una pagina.
- modulo: Associa il pulsante a un modulo specifico all'interno dello stesso documento HTML, utilizzando l'identificatore del modulo come valore.
- formazione: Usato solo con digita = "invia" e un URL come valore, specifica dove verranno inviati i dati del modulo. Spesso la destinazione è uno script PHP o qualcosa di simile,
- tipo di forma: Usato solo con digita = "invia" attributo. Definisce come devono essere codificati i dati del modulo quando inviati al server. I tre valori sono application/x-www-form-urlencoded (predefinito), multipart/form-data, e testo/normale.
- metodo: Usato solo con digita = "invia" attributo. Specifica quale metodo HTTP utilizzare per l'invio dei dati del modulo form ottenere o inviare.
- formnovalidate: Usato solo con digita = "invia" attributo. I dati del modulo non saranno convalidati una volta inviati.
- formattarget: Usato solo con digita = "invia" attributo. Indica dove deve essere visualizzata la risposta del sito quando vengono inviati i dati del modulo, ad esempio in una nuova finestra, ecc. Le opzioni di valore sono o_vuoto, _se stesso, _genitore, _sopra, o un nome di frame specifico.
Leggi di più su creare pulsanti nei moduli HTML, e come rendere il tuo sito più user-friendly.