Si tratta dell'elemento essenziale del form, per mezzo del quale è possibile acquisire dati dall'utente. Si tratta di un tag vuoto (non contenitore) che può stare solo dentro un form.
L'attributo più importante dell'elemento input è type. Mediante questo attributo si specifica che tipo di elemento dev'essere effettivamente visualizzato sul form. Vediamo più nel dettaglio i valori possibili.
In questo modo viene realizzata una casella di testo semplice, per l'inserimento di testo o valori numerici nel form. Esempio:
visualizzata nel seguente modo:
Gli attributi size e maxlength (opzionali) permettono di indicare rispettivamente la dimensione (in numero di caratteri) della casella di testo e il massimo numero di caratteri che possono essere inseriti nella stessa.L'attributo name (opzionale) identifica univocamente la casella di testo attribuendole un nome.
E' molto simile al tipo text, ma viene usata per l'inserimento di password. I dati inseriti non vengono visualizzati, ma al loro posto appaiono degli asterischi. Esempio:
visualizzata nel seguente modo:
Permette di realizzare scelte multiple. Esempio:
<input type="checkbox" name="hobby" value="cinema"> Andare al cinema <br>
<input type="checkbox" name="hobby" value="gioco"> Giocare <br>
visualizzata nel seguente modo:
Si osservi che le scelte non sono mutuamente esclusive, nel senso che è possibile cliccare su più caselle.
Il nome name è unico e uguale per tutte le checkbox. L'attributo value invece è specifico di ogni checkbox all'interno dello stesso gruppo.
L'attributo checked (opzionale) permette di selezionare in automatico una o più scelte.
Permette di realizzare scelte mutuamente esclusive. Esempio:
<input type="radio" name="sesso" value="F"> Femmina
visualizzata nel seguente modo:
Si osservi che le scelte in questo caso sono mutuamente esclusive, nel senso che non è possibile cliccare su più caselle.
Il nome name è unico e uguale per tutte le radio. L'attributo value invece è specifico di ogni radio all'interno dello stesso gruppo.
L'attributo checked (opzionale) permette di selezionare in automatico una (sola) fra le scelte alternative.
precedente
Sito realizzato in base al template offerto da
http://www.graphixmania.it
