Pagine HTML Web possono contenere forme, consentendo agli utenti di immettere dati, ad esempio per registrare con i servizi del sito Web. Il codice HTML per queste funzioni utilizza elementi di "forma", in cui vari controlli utente possono essere elencati. Questi controlli possono includere pulsanti, caselle di controllo, campi di testo ed elenchi a discesa. Pulsante di invio di moduli HTML indica al browser di eseguire il processo di invio, catturando tutti i dati inseriti dall'utente e in genere di passarlo a un altro script o pagina.

Elemento di input

Il tag "input" è l'elemento principale utilizzato per pulsanti di invio. Tag input delineano questi elementi di controllo utente, che possono includere un sacco di altre opzioni oltre al pulsante di invio. Un elemento di input completo creando un pulsante submit HTML può essere incluso in una pagina Web come segue:

< input type = "submit" value = "Submit" / >

Questo tipo di pulsante normalmente verrà visualizzati all'interno di una pagina Web nella parte inferiore di un'area di modulo interattivo, modo che può essere premuto facilmente quando l'utente ha terminato di completare l'input.

Attributo Type

L'elemento di input ha un attributo "type". Questo attributo indica al browser che tipo di elemento di input del modulo viene incluso. Per pulsanti di invio, un valore di "presentare" è dato all'attributo type. Utilizzando "Invia" come il tipo per un elemento input consente al browser di sapere che questo tasto dovrebbe causare dati del modulo da presentare. In molti casi si tratta di dati che vengono passati a uno script sul lato server o a una seconda pagina Web, dove può essere ulteriormente elaborato.

Valore attributo

L'attributo value per l'elemento input determina cosa deve essere visualizzato sul pulsante visualizzato nel browser dell'utente. Un valore di "Sottomettere" viene spesso utilizzato per l'attributo value, ma questo non è necessario affinché il pulsante per funzionare correttamente. Gli sviluppatori possono quindi includere qualsiasi valore che piace per un pulsante di invio. Tuttavia, le forme sono più utilizzabile se i controlli indicano chiaramente il loro scopo, così molti adottare il valore standard di "Invia".

Elemento del form

Il pulsante Invia è incluso all'interno di moduli HTML all'interno di pagine Web. La sintassi di esempio seguente delinea una forma con un'azione specificata che indica i dati di input devono essere passati a quando il form viene inviato lo script:

< nome modulo = "aterra" action="process_data.php" metodo = "post" >

Immettere del testo: < input type = "testo" nome = "stext" / >

< input type = "submit" value = "Submit" / >

< / form >

Quando l'utente ha immesso il testo nel campo di testo e preme il pulsante di invio, lo script PHP "process_data" verrà chiamato, con dati immessi dell'utente passati come parte della variabile "post".

Opzioni

Il pulsante di invio può anche essere utilizzato con funzioni aggiuntive, quali i listener di eventi. Utilizzando l'ascoltatore "onclick" ad esempio, una funzione di JavaScript nella pagina può essere chiamata quando viene premuto il pulsante di invio, come segue:

< input type = "submit" value = "Submit" onclick="doSomething()" / >

Questa tecnica viene spesso utilizzata in casi dove una funzione JavaScript è convalida dell'input dell'utente prima dell'invio a uno script sul lato server.