Pulsanti HTML forniscono l'interazione dell'utente all'interno di Web Form, che possono includere diversi tipi di pulsante, utilizzando il tag del pulsante o il tag input. Queste forme di acquisire informazioni di utente ed eseguono funzioni interattive. Presentare i pulsanti sono tra i tipi più comuni, l'invio di informazioni utente per gli script sul lato server. Elementi Button in pagine HTML possono anche includere una varietà di attributi che determinano il loro aspetto e il comportamento.

Tag di input

Il tag input può presentare una varietà di elementi interattivi in un modulo Web, inclusi i pulsanti. L'elemento di input dispone di un attributo di tipo, il cui valore determina che tipo di elemento di input viene visualizzato nella pagina Web. Il codice di markup HTML di esempio seguente viene illustrata la creazione di un elemento input di tipo pulsante:

< tipo input = "pulsante" value = "Pulsante A" onclick="buttonClicked()" / >

Questo codice verrà visualizzato un pulsante con il testo di "valore" visualizzato su di esso. Quando l'utente preme il pulsante, il browser sarà cercare ed eseguire una funzione JavaScript denominata "buttonClicked" come indicato all'interno dell'attributo di listener di evento "onclick".

Tag di pulsante

Moduli HTML possono includere pulsanti utilizzando il tag del pulsante anziché il tag input con pulsante impostato come attributo type. Il codice di esempio riportato di seguito viene illustrata questa tecnica:

< pulsante di tipo = "button" > pulsante < / button >

L'attributo type deve sempre apparire con l'elemento pulsante, come il tipo predefinito varia tra i vari browser Web, quindi il browser dell'utente può rispondere in modi imprevedibili su pressione di un tasto, se l'attributo non è impostato. Come tag input con tipo di pulsante, pulsante Tag possono includere gli attributi di listener di eventi che determinano le funzioni per eseguire il clic dell'utente. Il testo visualizzato su un elemento button viene visualizzato tra i tag button di apertura e di chiusura, piuttosto che come l'attributo value, come con l'elemento di input.

Pulsante di invio

Presentare i pulsanti appaiono spesso nei moduli Web. Quando l'utente ha immesso informazioni e desideri presentare questo a un sito Web, lei può farlo premendo un pulsante di invio. A volte una funzione JavaScript eseguito per primo, verifica che l'utente ha compilato il modulo utilizzando un input valido. Quando un form viene inviato, i dati vengono spesso inviati a uno script sul lato server per un'ulteriore elaborazione, ad esempio memorizzando i risultati in un database. Il seguente codice di esempio viene illustrato anche un pulsante di invio in un Web form:

< input type = "submit" / >

Non devi includere l'attributo di valore per un pulsante di invio tranne per visualizzare testo personalizzato su di esso.

Altri tipi di pulsante

Moduli HTML possono includere pulsanti diversi pulsanti. Pulsanti di opzione consentono forme di offrire una serie di scelte, che uno solo dei quali l'utente può selezionare, come nell'esempio di codice riportato di seguito:

< tipo input = "radio" nome = valore "coniugale" = "sposato" / > sposato

< tipo input = "radio" nome = valore "coniugale" = "celibe" / > celibe

Pulsanti di reset consentono all'utente di ripristinare rapidamente tutti gli elementi di input utente in un form, tramite il markup seguente:

< input type = "reset" / >

I pulsanti immagine possono avere lo stesso comportamento come pulsanti di invio, ma consentire agli sviluppatori di includere un'immagine personalizzata anziché immagine pulsante standard del browser:

< input type = "immagine" alt = "Invia modulo" / >