Tag Del Pulsante Javascript

| | | | | | | | | | | | | | | | | | | | | |

Il tag del pulsante HTML viene utilizzato per creare un pulsante cliccabile all’interno di un modulo HTML. Consente a un utente di inviare informazioni in un modulo a un sito Web. Lo stile del pulsante può essere controllato con i CSS.

Quando crei un modulo su una pagina web, devi creare un pulsante cliccabile in modo che un utente possa inviare un modulo. Ad esempio, potresti avere un modulo d’ordine su un sito di e-commerce che raccoglie informazioni sulla consegna da un utente. Dopo che l’utente ha compilato i moduli, dovrebbe essere presente un pulsante su cui fare clic per inviare le informazioni.

Ecco dove si trova il HTML in HTML. Discuteremo anche degli attributi che puoi utilizzare per creare un pulsante personalizzato ed esploreremo alcuni esempi di questi attributi in azione.

Aggiornamento modulo HTML

HTML I moduli vengono utilizzati per raccogliere diversi tipi di input dell’utente, come nomi, numeri di telefono o indirizzi, su una pagina web.

Ogni modulo contiene elementi di input che consentono agli utenti di inviare informazioni al sito web. Ad esempio, una pagina web può avere un modulo d’ordine che contiene elementi del modulo per raccogliere il nome di un utente, la data di nascita, le informazioni sulla carta di credito e altro.

Il

viene utilizzato per creare un modulo in HTML. Ecco un semplice esempio del tag utilizzato per creare un modulo che raccoglie il nome di un utente:

Un tag di modulo può includere più tag o altri elementi di input dell’utente come caselle di selezione. Inoltre, un modulo deve includere un tag Trova il tuo Bootcamp Match

HTML Button

Il tag deve avere un tag di inizio e di fine e deve includere anche un valore per l’attributo type L’attributo type, come discuteremo in seguito, indica al form quale tipo di pulsante deve essere visualizzato.

Ecco un esempio di HTML tag

Ecco come appare il nostro pulsante su una pagina web:

 T2EtZ5J4P2s1cbcWl5XhnxkV2LBddqnXHZCRN5Ij5ar7hjumzZimB1hJg IovfjLkqU5yz1Kp29DUy4GXkyNknZUROEhEzdNYEBnNr4 W SC7PgkwUQtwb5kUzO6 FOfTpFwK4js

Ora che abbiamo un pulsante sulla nostra pagina web, un utente può

inserire le informazioni che ha inserito nel modulo. Il tag in modo diverso. Ad esempio, Internet Explorer, prima della versione 9, invierà il testo tra il tag di apertura e chiusura dell’elemento include un numero di attributi che possono essere utilizzato per creare un pulsante personalizzato. Inoltre, il tag .

L’attributo autofocus viene utilizzato per specificare che un pulsante dovrebbe ricevere automaticamente lo stato attivo quando la pagina web viene caricata. Ecco la sintassi per l’attributo autofocus:

Disabilitato

L’attributo disabilitato disabilita il pulsante, il che significa che gli utenti non può interagire con l’elemento. Ecco la sintassi per l’attributo disabled:

Come puoi vedere di seguito, il nostro pulsante è disattivato e non può essere cliccato:

4rmFBMpA X5H M16KvlWPhDx9gP XlfNM43RfQU42SI5elokTMBCp8vvpqcbf6VjPYfuqVb6SmsU2zo8llK22b BQUYTfeWXYVkyNjO0dtULXxU9 DOVWeoptXa4gSRTovA0 Jmw

Form

L’attributo form viene utilizzato per collegare un elemento pulsante a un form. Il valore del form< L’attributo /code> deve essere uguale all’id del modulo a cui si riferisce il modulo. Ecco un esempio dell’attributo del modulo che collega il pulsante di invio al nostro modulo pizza:

L’attributo form ha collegato il nostro pulsante al form con il valore id pizza. Quindi, quando facciamo clic sul nostro pulsante, verrà inviato il nostro modulo con l’id pizza.

Formazione

formazione specifica l’URL di un programma che elaborerà le informazioni inviate dal pulsante. Questo attributo può essere utilizzato solo se l’attributo type nel tuo pulsante è uguale a submit.

Ecco un esempio della formazione attributo in uso:

Formenctype

L’attributo formenctype specifica come i dati del modulo devono essere codificati quando vengono inviati al server. Questo attributo deve essere utilizzato solo quando si utilizza il "method=‚Äôpost‚Äô" attributo nel tuo modulo.

Ecco un esempio dell’attributo formenctype utilizzato per inviare testo normale al server quando si fa clic sul nostro pulsante:

Formmethod

formmethod viene utilizzato per specificare il metodo HTTP che il browser utilizzerà per inviare il modulo. Questo attributo deve essere utilizzato solo con "type=‚Äôsubmit‚Äô" attributo.

I due valori accettati per l’attributo formmethod sono get e post. Se vuoi recuperare informazioni o eseguire una funzione HTTP GET, dovresti usare get; se vuoi inviare informazioni o eseguire una funzione HTTP POST, dovresti usare post.

Ecco la sintassi per l’attributo formmethod:

Formnovalidate

formnovalidate viene utilizzato per specificare che i dati del modulo non devono essere convalidati quando vengono inviati. Ad esempio, se desideri accettare l’input di un utente anche se non ha compilato tutti i campi, devi utilizzare l’attributo formnovalidate.

Ecco un esempio di formnovalidate in azione:

Formtarget

formtarget imposta la posizione di destinazione per la risposta che il server invia dopo che il modulo è stato inviato.I valori accettati per questo attributo sono: _blank, _self, _parent, _top, o il nome del tuo uframe.

Ecco la sintassi per l’attributo formtarget:

Nome

Il tag name è usato per specificare il nome del pulsante (che dovrebbe essere unico da tutte le altre forme nomi degli elementi) e utilizza la seguente sintassi:

Tipo

Il tag type specifica il tipo del pulsante. è possibile utilizzare tre tipi di pulsanti: pulsante, invia e reimposta. Ecco la sintassi per il tag type:

Value

Il tag value specifica il valore iniziale del pulsante. Ecco la sintassi per il tag value:

Conclusione

Il tag che consenta all’utente di inviare le informazioni sul suo ordine quando sono pronti.

In questo tutorial, abbiamo esplorato come utilizzare il tag tagga come un esperto!