L’elemento input

L’elemento input (<inpout> senza chiusura) definisce il campo in cui avviene l’inserimento dei dati per diversi tipi di elementi. Ecco l’elenco degli attributi che può assumere:
  • name indica il nome assegnato al campo, che verrà assegnato nella funzione delle coppie nome-valore. Il nome del campo deve essere unico all’interno del form e identificare in modo univoco ogni campo, salvo che per le opzioni multiple. In quest’ultimo caso il nome è lo stesso per le varie opzioni, mentre cambia il valore assegnato nell’attributo value;
  • value indica il valore di default del campo, o la selezione iniziale se si tratta di una casella di controllo o di un pulsante di opzione;
  • type definisce il tipo di campo di input che dev’essere visualizzato. Può assumere i seguenti valori:
  • checkbox, casella di controllo a scelta multipla;
  • file. casella per il caricamento di un file;
  • hidden, campo di input nascosto;
  • image, pusante grafico creato da un’immagine con funzione di Submit (invio del modulo);
  • password, campo per l’inserimento di testo che, quando viene compilato, sostituisce alle lettere degli asterischi;
  • radio,pulsante di opzione. A differenza della casella di controllo, permette una sola scelta aternative;
  • reset, il pulsante che azzera il contenuto del form. L’etichetta definita dall’attributo value;
  • submit, il pulsante che attiva l’invio del form. L’etichetta è definita dall’attributo value;
  • text, campo di inserimento di testo a riga singola;

Per meglio definire il comportamento dei vari tipi di input, è bene analizzarli singolarmente.

Lascia un commento

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...