HTML - L'etichetta input

l'etichetta input non ha bisogno di un'etichetta conclusiva e può avere numerosi attributi:

• text
• password
• radio
• checkbox
• reset
• submit

HTML - Campo di testo e password

Sono davvero sicuro che avete ne sentito parlare molto, nel corso del tempo, su Internet.

html<input type="text" /><br />
<input type="password" />

Demo

Scrivi qualcosa nei due campi visualizzati per accorgerti delle differenze.

HTML - Checkbox

Ideale per creare una lista in cui l'utente può dare pù di una risposta.

html<input type="checkbox" /> Latte<br />
<input type="checkbox" /> Acqua<br />
<input type="checkbox" /> Pane

Demo

HTML - Radio

Al contrario della tag checkbox questa tag offre la possibilità di inserire una sola risposta.

html<input type="radio" /> Uomo<br />
<input type="radio" /> Donna

Demo

HTML - Pulsante di invio

E' necessario dare un valore all'attributo submit, questo valore non è altro che il testo che sarà mostrato sul pulsante generato.

html<input type="submit" value="Submit" />
<input type="submit" value="Successivo &gt;&gt;" />

Demo

HTML - Pulsante reset

Qui, come per il pulsante di invio, dovremo dare un valore al pulsante, anche questo valore verrà mostrato sul pulsante generato. Questo pulsante è estremamente utile nei casi in cui l'utente completa la maggior parte dei moduli con informazioni errate.

html<input type="reset" value="Reset" />
<input type="reset" value="Cancella tutto " />

Demo

HTML Input - Note

Si deve specificare che questi moduli e pulsanti non agiranno completamente senza l'aiuto di un file php o javascript che eseguirà l'azione desiderata una volta che uno di questi pulsanti viene premuto. Nel prossimo tutorial andremo più in profondità con gli attributi mostrati e mostreremo anche alcune cose che non abbiamo ancora menzionato.