HTML - Campo di testo

  »   Moduli HTML  »   HTML Tutorial - Text Fields Maxlength, Size, Value

I campi di testo vengono interpretati come moduli. Questi vengono elaborati con l'aiuto di un linguaggio di programmazione, il più delle volte ASP, PERL o PHP.

Gli attributi che vengono utilizzati per formattare un campo di testo sono:

  • size - per impostare la dimensione del campo
  • value - per impostare un valore predefinito
  • maxlength - per inserire un numero massimo di caratteri inseribili dall'utente

Gli esemplificheremo uno ad uno.

HTML - La dimensione

L'attributo size stabilisce la lunghezza del campo di testo. La lunghezza standard di un campo di testo è solitamente compresa tra 20-25 caratteri, ma può variare a seconda delle forme o dello scopo del campo di testo.

html<input type="text" size="5" /><br />

<input type="text" size="15" /><br />

<input type="text" size="25" />

Demo



HTML - L'attributo value

Utilizzando questo attributo renderemo possibile la scrittura delle informazioni nei nostri campi, informazioni che l'utente può cancellare o meno. Questa applicazione è molto utile, specialmente quando uno script php riconosce un visitatore e mantiene le opzioni scelte dall'utente.

html<input type="text" size="5" value="12345" /><br />

<input type="text" size="15" value="HTML text filed" /><br />

<input type="text" size="25" value="HTML Tutorials " />

Demo



HTML - La lunghezza massima

Maxlength è uno degli attributi più utili dei campi di testo, perché non permette all'utente di digitare un numero di caratteri maggiore del previsto.

html<input type="text" size="5" maxlength="5" /><br />

<input type="text" size="15" maxlength="15" /><br />

<input type="text" size="25" maxlength="25" />

Demo



Nel caso si vogliano aggiungere più di 5, 15 e 25 caratteri nei campi precedenti non sarà possibile per via dell'attributo 'maxlength'.