Codifica HTML per i pulsanti Invia

May 27

Codifica HTML per i pulsanti Invia


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

elemento di input

Il tag "input" è l'elemento principale utilizzato per i 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 completa la creazione di un pulsante di invio HTML possono essere inclusi in una pagina Web come segue:

<Input type = "submit" value = "Invia" />

Questo tipo di pulsante normalmente appare all'interno di una pagina Web nella parte inferiore di una zona modulo interattivo, in modo che possa essere premuto facilmente quando l'utente ha terminato Completando ingresso.

tipo di attributo

L'elemento di ingresso ha un attributo "tipo". Questo attributo dice al browser che tipo di elemento di ingresso modulo viene incluso. Per i pulsanti presentare un valore di "presentare" è dato per l'attributo type. Uso di "inviare" come tipo di un elemento di input consente il browser sa che premendo questo tasto dovrebbe causare i dati dei moduli da presentare. In molti casi si tratta di dati che vengono trasmessi sia a uno script lato server o una seconda pagina Web, dove può essere ulteriormente elaborato.

valore attributo

L'attributo valore per l'elemento di input determina ciò che deve essere visualizzato sul pulsante come appare nel browser dell'utente. Un valore di "Invia" viene spesso utilizzato per l'attributo valore, ma questo non è necessario per il pulsante di funzionare correttamente. Gli sviluppatori possono quindi comprendere qualsiasi valore a loro piace per un pulsante di invio. Tuttavia, le forme sono più utilizzabili, se i controlli indicano chiaramente il loro scopo, tanti adottare il valore standard di "Invia".

modulo Element

Il pulsante di invio è incluso all'interno di moduli HTML nelle pagine Web. La sintassi seguente esempio illustra un modulo con un azione specificata che indica quale script i dati di input devono essere passati a quando il modulo viene inviato:

<Form name = action = metodo "aform" "process_data.php" = "post">

Immettere del testo: <input type = "text" name = "sTesto" />

<Input type = "submit" value = "Invia" />

</ Form>

Quando l'utente ha inserito il testo nel campo di testo e preme il pulsante di invio, lo script PHP "process_data" sarà chiamato, con i dati inseriti degli utenti passati ad esso come parte della variabile "post".

Opzioni

Il pulsante di invio può essere utilizzato anche con le funzioni aggiuntive, come listener di eventi. Utilizzando l'ascoltatore "onclick", per esempio, una funzione JavaScript nella pagina può essere chiamato quando si preme il pulsante di invio, come segue:

<Input type = "submit" value = "Invia" onclick = "doSomething ()" />

Questa tecnica viene spesso utilizzata nei casi in cui una funzione JavaScript sta convalidando l'input dell'utente prima di inviarlo a uno script lato server.