HTML/Moduli: differenze tra le versioni

Contenuto cancellato Contenuto aggiunto
Nessun oggetto della modifica
Nessun oggetto della modifica
Riga 1:
{{HTML}}
 
Il tag <code><form></code> si occupa di definire il modulo, tutto ciò che è tra il suo tag d'apertura e quello di chiusura è parte del modulo stesso. Possiamo definire diversi tipi di elementi: campi di testo, checkbox, area di testo e box di selezione. Gli attributi del tag <code><nowiki><form></nowiki></code> sono '''action''' e '''method'''.
 
*'''action''': serve per specificare a quale file verranno inviati i dati; solitamente si tratta di uno script [[w:lato_server|lato server]], come [[w:PHP|PHP]], [[w:Active_Server_Pages|ASP]] o [[w:Common Gateway Interface|CGI]], tanto per citarne alcuni
*'''method''': serve a indicare il metodo attraverso i quali saranno spediti. Può assumere i valori <code>get</code> e <code>post</code>:
**con '''get''' le informazioni vengono concatenate all'indirizzo del file specificato da <code>action</code>, in questo modo:<br/><code><nowiki>action.php?nome_campo1=valore_campo1&nome_campo2=valore_campo2</nowiki></code>
Riga 38:
 
Ecco un esempio di ciò che si è visto finora:
<source lang=html4strict>
 
<body>
<form action="prova.php" method="post">
Riga 49:
</form>
</body>
</source>
 
=== Menu a scelta ===
 
Riga 57:
 
Esempio di menù a discesa:
<source lang=html4strict>
 
<body>
<form action="prova.php" method="post">
Riga 67:
</form>
</body>
</source>
 
Si può anche creare un altro tipo di menù in cui non vi è un menù a cascata ma si scorre semplicemente un elenco. La sintassi per creare questo tipo di menù prevede l'uso dell'attributo '''size''', all'interno del tag <select>, che conterrà come valore il numero delle opzioni del menù.
 
Esempio di elenco da cui scegliere:
<source lang=html4strict>
 
<body>
<form action="prova.php" method="post">
Riga 81:
</form>
</body>
</source>
 
=== Area di testo ===
 
Riga 98:
Commenti su wikibooks?<nowiki><br></nowiki>
<form action="prova.php" method="post">
<textarea name="messaggio" rows="10" cols="50" wrap>Inviaci la tua opinione!</textarea>
</form>
</body>
Riga 108:
 
Esempio di pulsante che invia i dati:
<source lang=html4strict>
 
<body>
<form action="prova.php" method="post">
<input type="submit" value="Invia!">
</form>
</body>
</source>
 
 
Esempio di pulsante che cancella i dati:
<source lang=html4strict>
 
<body>
<form action="prova.php" method="post">
<input type="reset" value="Cancella Tutto">
</form>
</body>
</source>
 
{{avanzamento|75%}}