Codice HTML markup per i pulsanti è generalmente semplice. Le pagine Web HTML possono visualizzare vari tipi di pulsante, inclusi i pulsanti per la presentazione delle forme e dei pulsanti di immagine. pulsanti HTML possono usare sia gli elementi dei pulsanti o elementi di input con attributi di tipo pulsante. Eventuali elementi HTML creazione di pulsanti possono anche includere attributi opzionali impostazione varie proprietà che determinano il loro stile e il comportamento. Il tipo di pulsante di un modulo utilizza deve essere adattata al suo scopo generale.

elemento di input

moduli HTML utilizzano l'elemento di input per creare elementi di controllo utente all'interno di pagine Web. Il seguente codice di esempio markup HTML dimostra la creazione di un tasto di ingresso:

<Input type = "button" value = "un pulsante" />

Questo codice crea un pulsante all'interno della pagina, con il testo indicato come attributo valore visualizzato sopra dell'elemento di input pulsante. Impostazione "pulsante" come valore per l'attributo type di un elemento di input indica al browser di dare l'elemento l'aspetto e la funzione di un tasto.

Button Element

Le pagine Web possono utilizzare elementi pulsante invece di elementi di input di tipo pulsante. Il seguente codice di esempio illustra tra cui un elemento pulsante all'interno di una pagina HTML:

<Button type = "button"> A <button /> Pulsante

Questo tipo di elemento ha apertura e chiusura tag, con la parte visibile del pulsante elencato tra loro. Tra i tag, è possibile indicare ciò che il browser deve visualizzare nell'elemento tasto, che può essere un testo o un'immagine. Mentre l'attributo type può sembrare ridondante, in realtà è necessario indicare al browser se l'elemento è un pulsante di invio o ordinaria.

pulsante Invia

Quando le pagine web HTML includono forme di catturare l'input dell'utente, il pulsante di invio richiede al browser di inviare le informazioni all'utente di tutto ciò che lo script è specificato all'interno dell'elemento modulo. Il seguente codice HTML di esempio indica l'aggiunta di un pulsante di invio di un modulo Web:

<Input type = "submit" />

Questa marcatura non usa il "bottone" termine come il browser collegare aspetto tasto e inviare comportamento pulsante per ogni elemento di input con submit impostare come tipo. Il codice di esempio riportato di seguito illustra l'impostazione lo script per inviare le informazioni all'utente di, quando viene premuto il pulsante di invio:

<Form action = metodo "submit_script.php" = "post">

Il pulsante di invio in dotazione prima del tag di modulo di chiusura per questo tag di apertura presenterà allo script PHP specificato come attributo action.

attributi

Elementi pulsante HTML di qualsiasi tipo possono includere vari attributi, alcune richieste e alcuni optional. Nella maggior parte dei casi, un elemento di ingresso per un pulsante includerà il tipo e valore attributi. Elementi dei pulsanti possono anche utilizzare listener di eventi che specificano che il browser deve eseguire funzioni JavaScript quando l'utente fa clic, come nel seguente codice di esempio:

<Input type = valore "pulsante" = "un pulsante" onclick = "doSomethingNow ()" />

Quando questo codice viene visualizzato in una pagina, il browser chiamerà la funzione elencata, che dovrebbe essere dichiarata all'interno della sezione pagina di testa o un file JavaScript separato collegato a dalla sezione pagina di testa.