Creazione di pulsanti mediante tag di input HTML nei moduli

Puoi creare pulsanti di testo personalizzabili in HTML usando il etichetta. Il l'elemento è usato all'interno di a

elemento.

Impostando l'attributo genere a "pulsante", verrà generato un semplice pulsante selezionabile. È possibile definire il testo che verrà visualizzato sul pulsante, ad esempio "Invia", utilizzando il pulsante valore attributo.

Per esempio:

Essere consapevoli del fatto che il il tag non invierà un modulo HTML; sarà comunque necessario includere JavaScript per gestire l'invio dei dati del modulo. Senza un JavaScript al clic evento, il pulsante apparirà cliccabile ma non accadrà nulla e avrai frustrato i tuoi lettori.

Il

Sebbene utilizzare il tag di input per creare un pulsante funzioni per il suo scopo, è un'opzione migliore per utilizzare il tag per creare i pulsanti HTML del tuo sito web. Il il tag è più flessibile perché consente di utilizzare le immagini per il pulsante (che aiuta a preservare la coerenza visiva se il tuo sito ha un tema di design), ad esempio, e può essere definito come un pulsante di invio o ripristino di un pulsante senza bisogno di extra JavaScript.

Dovrai specificare il pulsante genere attributo in qualsiasi tag. Esistono tre diversi tipi:

pulsante - Il pulsante non ha un comportamento intrinseco ma viene utilizzato insieme agli script eseguiti sul lato client che possono essere collegati al pulsante ed eseguiti quando viene fatto clic.

reset - Reimposta tutti i valori.

Sottoscrivi - Il pulsante invia i dati del modulo al server (questo è il valore predefinito se nessun tipo è definito).

Altri attributi includono:

nome - Fornisce al pulsante un nome di riferimento.

valore - Specifica un valore da assegnare inizialmente al pulsante.

disattivare - Disattiva il pulsante.

HTML5 aggiunge alcuni attributi aggiuntivi al
FormAction - Usato solo con type = "submit" e un URL come valore, specifica dove verranno inviati i dati del modulo. Per esempio:

formenctype - Usato solo con type = "submit" attributo. Definisce come devono essere codificati i dati del modulo quando vengono inviati al server. I tre valori sono application / x-www-form-urlencoded (predefinito), multipart / form-data, e text / plain.

formmethod - Usato solo con type = "submit" attributo. Specifica quale sia il metodo HTTP da utilizzare quando si inviano i dati del modulo ottenere o inviare.

formnovalidate - Usato solo con type = "submit" attributo. I dati del modulo non verranno convalidati quando inviati.

formtarget - Usato solo con type = "submit" 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 entrambe _blank, _self, _parent, _top, o un nome di frame specifico.

Se si utilizzano i moduli, è consigliabile leggere i pulsanti nei moduli HTML e come rendere il sito più intuitivo.