Sito web designer utilizzano markup HTML per creare forme con controlli utente in loro. Quando si include un pulsante in un modulo HTML, è possibile collegare un listener di eventi ad esso. Questo listener di eventi indica al browser di eseguire un'azione specifica quando l'utente fa clic sul pulsante. L'azione in molti casi comporta l'esecuzione di una funzione JavaScript indicato all'interno di una sezione script nel file pagina HTML o in un file separato. Creazione di un pulsante di ingresso funzionante è in genere semplice.

Tag HTML

Il codice HTML per un pulsante utilizza in genere l'elemento di input. Il codice di esempio riportato di seguito illustra un semplice pulsante di ingresso in HTML:

<Input type = valore "pulsante" = "testo visibile" />

L'attributo type dice al browser che l'elemento di input è un pulsante, che determina in parte il suo aspetto per gli utenti. L'attributo value tiene il testo che viene esposte in modo visibile superiore del pulsante, con il browser che si estende automaticamente l'immagine di sfondo tasto per accogliere la quantità di testo indicato. I browser Web variano leggermente nella loro visualizzazione dei pulsanti. Utilizzando i CSS, o Cascading Style Sheet, codice, gli sviluppatori possono dettare regole di stile specifici per tutti i loro elementi di input.

chiamata funzione

L'utilizzo di un listener di eventi, pagine Web possono definire le istruzioni per il browser per implementare quando un utente preme un pulsante con il suo mouse. L'ascoltatore "onclick" consente di fornire il nome di una funzione in JavaScript. Quando l'utente fa clic sul pulsante, il browser chiama la funzione specifica all'interno del "onclick" ascoltatore. Il seguente esteso tasto di ingresso markup dimostra la tecnica:

<Input type = valore "pulsante" = "text Visible" onclick = "ButtonClicked ();" />

funzione Posizione

Quando un utente seleziona pulsanti, il browser cerca una funzione con il nome specificato sia nella sezione di pagina testa o in un file JavaScript separato richiamato all'interno della sezione di testa, come nel seguente esempio:

<Script type = "text / javascript" ascoltatore, come nel seguente esempio:

funzione ButtonClicked () {

/ Corpo della funzione /

}

All'interno della zona del corpo, apparirà l'implementazione della funzione. Fino a quando il contorno corrisponde al nome del pulsante di ascoltatore, il browser Web dell'utente sarà in grado di avviare i comandi di elaborazione corrette sui clic del pulsante.

contenuti funzione

Il contenuto di qualsiasi funzione JavaScript deve essere adattata agli obiettivi specifici di una pagina o di un sito. Il seguente contenuto funzione di esempio crea semplicemente una finestra di avviso di uscita:

alert ( "pulsante premuto!");

implementazioni di funzioni comuni includono l'elaborazione per convalidare l'input form. Quando un utente invia informazioni tramite un form sito web, queste informazioni vengono spesso inviati a uno script lato server. Prima di inviare le informazioni in ingresso, a volte può essere desiderabile controllare la validità, chiedendo all'utente di apportare modifiche alle informazioni mancanti o non correttamente formattato.