Inserire testo (campo testo, textarea, password)

Per consentire all’utente di inserire del testo è possibile utilizzare un “campo testo”. Se il campo è su una singola linea avremo:

<input name="mioTesto" type="text" value="qui il tuo testo" size="40" maxlength="200" />

L’attributo maxlength indica il numero massimo di caratteri che l’utente può inserire, con size si esprimono invece le dimensioni del campo di testo (la larghezza è data dal numero di caratteri).

Se si ha la necessità di indicare un campo che consenta di inserire una grande quantità di testo conviene invece utilizzare una “textarea” (area di testo). Ecco la sintassi:

<textarea name="testo" rows="5" cols="40">
  qui puoi scrivere il tuo testo
</textarea>

L’attributo rows indica il numero di righe della textarea, cols il numero di caratteri (cioè di colonne) che ogni riga può contenere.

Come si può vedere, se si vuol indicare del testo predefinito in questo caso bisogna inserirlo fra l’apertura e la chiusura del tag.

Esiste infine il campo password che mostra degli asterischi (o palline) al posto dei caratteri inseriti :

<input type="password" maxlength="8" size="18" value="mia_password" name="mioTesto" />

risultato:

Nota: la codifica fornisce una protezione soltanto per chi eventualmente stia sbirciando sul monitor dell’utente. L’invio dei dati attraverso il Web, se non vengono adottate altre misure di sicurezza, avviene ‘in chiaro’.

Possiamo prevedere campi di testo accessibili solo in lettura. Ad esempio:

<input readonly="readonly" maxlength="8" size="25" value="leggere l'informativa" name="mioTesto" />

che risulta:

Oppure possiamo impostare le aree di testo come campi disabilitati:

<input disabled="disabled" maxLength="8" size="25" value="leggere l'informativa" name="mioTesto" />

cioè