HTML - Champs de Texte

  »   HTML  »   Tutoriel HTML - Les champs de texte Maxlength, Size, Value

Les champs de texte sont comptés comme des formulaires. Ceux-ci sont exécutés avec l'aide d'un langage de programmation, la plupart du temps ASP, PERL ou PHP.

Les attributs additionels qui sont utilisés pour formater les champs de texte sont:

  • size - pour définir la taille du champ
  • value - pour définir la valeur prédéfinie
  • maxlength - pour définir le nombre de caractères maximum qui peut être entré par l'utilisateur

Nous illustrerons chacun d'entre eux.

HTML - La taille du champ de texte

L' attribut size établit la longueur du champ de texte. La longueur standard d'un champ de texte est généralement entre 20-25 caracteres, mais cela peut dépendre du but des formulaires ou du champ de texte.

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

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

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

Demo

HTML - Un autre attribut est value

En utilisant cet attribut nous rendrons l'écriture de l'information des champs possible, information que l'utilisateur peut effacer ou non. Cet pratique est assez utile, spécialement quand un script php reconnait un visiteur et garde les options choisies par l'utilisateur.

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

<p><input type="text" size="15" value="Champ de texte HTML" /></p>

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

Demo

HTML - Maxlength

Maxlength est un des attributs les plus utiles des champs de texte, parce qu'il ne permet pas à l'utilisateur de taper un plus grand nombre de caractères que prévu.

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

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

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

Demo

Au cas où vous voulez introduire plus de 5, 15 et 25 caractères dans les champs ci-dessus, cela ne sera pas possible à cause de la restriction appliquée par 'maxlength'.