Nwlapcug.com


Quali sono le opzioni di pulsante HTML?

Quali sono le opzioni di pulsante HTML?


I pulsanti di moduli HTML consentono agli utenti di agire con la forma. Gli utenti hanno familiari con il concetto di forma e riconoscono i pulsanti come elementi cliccabili. Altri elementi tra cui immagini possono essere utilizzati per eseguire le attività utilizzabili; Tuttavia, possono non essere il più intuitivo per l'utente e richiedono la scrittura di codice in JavaScript aggiuntivo per la loro funzionalità. HTML4 introdotto il tag del pulsante che abilitato immagini essere incorporato come parte di un pulsante di stampa.

Pulsante di invio

Il pulsante "Invia" viene utilizzato per inviare il modulo al file dichiarato nell'attributo action dell'elemento form. Questo file è in genere scritto in un server su lati lingua per convalidare ed elabora i valori degli elementi del modulo denominato. Il codice per il pulsante "Invia" è questo: < input type = "submit" value = "Submit" / >. Codice alternativo per il pulsante è questo: < nome pulsante = "submit" value = "submit" tipo = "submit" >< img alt = "Submit" / >< / pulsante >.

Pulsante di reset

Aggiunta di un pulsante di "Reset" per una forma consente all'utente di reimpostare tutti i valori del form torna ai valori predefiniti. Codice per il pulsante di "Reset" è la seguente: < input type = "reset" valore = "Reset" >. Codice alternativo per il pulsante è simile al seguente: < nome pulsante = "reset" valore = "reset" tipo = "reset" >< img alt = "Reset" / >< / pulsante >.

Pulsante

Il valore del pulsante Crea un pulsante unico che non ha alcuna funzione HTML inerente all'interno del form. Questo pulsante fornisce l'aspetto visivo e clickability del pulsante "Invia" o "Reset" ma richiede l'aggiunta di script sul lato client come JavaScript per aggiungere tutte le funzionalità. Codice per il pulsante è questo: < tipo input = "pulsante" value = "Premere Me" onClick = "alert ('cliccato il mi ');" / >. Codice alternativo per il pulsante "Invia" assomiglia a questo: < nome del pulsante = "pressme" value = "Premere Me" type = "button" onClick = "alert ('cliccato il mi ');" >< img alt = "Premere Me" / >< / pulsante >.

Pulsanti di opzione

Pulsanti di opzione consentono un'interfaccia per gli utenti a fare una scelta da un gruppo di opzioni. Ogni pulsante di opzione nel gruppo richiede lo stesso nome. Il pulsante di opzione è selezionato dall'utente avrà il valore assegnato a tale elemento di modulo denominato quando inviato. Esempio di pulsanti di opzione sono i seguenti: < tipo input = "radio" nome = valore "colore" = "red" / > per il rosso, e

< tipo input = "radio" nome = valore "colore" = "verde" / > per il verde.