Come si crea un modulo in html: tag form e tag input

Oggi studieremo come si realizza un modulo di registrazione su un sito web con l’utilizzo dell’HTML.

All’interno del tag form saranno richiesti alcune informazioni all’utente. Supponiamo di voler richiedere:

NOME, COGNOME, USERNAME, PASSWORD e che i campi siano seguiti dai pulsanti OK e ANNULLA.

 

 

NOME:      
COGNOME:

USERNAME:
PASSWORD:

Acconsento al trattamento dei miei dati personali, ai sensi del D.lgs. 196/2003.

 
 
Per realizzare i campi, dobbiamo utilizzare il tag INPUT.
 
I tag input che impareremo sono di tipo TEXT, PASSWORD, CHECKBOX, BUTTON, SUBMIT,RESET.
 
 
 
Il tag input di tipo testo realizza una casella di testo semplice
 
 NOME:      <input type=”text” id=”txtnome” name=”txtnome” value=”” /> /* tag di tipo input; value=”” imposta il campo vuoto

 NOME:        

 

 

Il tag input di tipo password realizza una casella di testo, ma sostituisce i caratteri inseriti con un carattere speciale 

PASSWORD: 

 PASSWORD:<input id=”txtpassword” name=”txtpassword” type=”password” value=”” /> 

 

 

 I tag di tipo button e submit realizzano un pulsante. Il testo stampato sul pulsante si personalizza valorizzando il campo value.

<input type=”button” value=”ok” />

<input type=”submit” value=”ok” />

Non c’è differenza grafica tra i due pulsanti. La dfferenza tra i 2 pulsanti verrà spiegata nelle lezioni successive.

 

Il tag input di tipo reset realizza un pulsante che serve per ripristinare i valori predefiniti della form (ovvero, cancella i dati inseriti)

 <input type=”reset” value=”annulla” />

 
 

 

Il type checkbox realizza una casella per offrire una selezione all’utente.

 Acconsento al trattamento dei miei dati personali, ai sensi del D.lgs. 196/2003.

 <input id=”privacy” name=”privacy” type=”checkbox” />Acconsento al trattamento dei miei dati personali, ai sensi del D.lgs. 196/2003.

Lascia un commento