Champ de texte

Un champ de texte permet de saisir des caractères en utilisant le clavier. Il y a trois éléments de la forme utilisés à cette fin - une zone de texte d'une ligne, le champ de mot de passe et une zone de texte multi-lignes.

Champ de texte

Il crée une entrée de chaîne de texte par l'utilisateur.

<Input type = paramètres "texte">

des paramètres de champ sont indiqués dans le tableau. 1.

Tableau. 1. Texte Options de champ
paramètre description
taille La largeur du champ.
maxlength Le nombre maximum autorisé de caractères dans le texte. Si vous omettez ce paramètre, vous pouvez entrer une longueur de chaîne du champ.
nom Nom domaine. Elle est destinée à former gestionnaire peut identifier ce domaine.
valeur Le texte initial contenant le champ.

L'exemple 1 montre comment créer un champ de texte avec des paramètres différents

Exemple 1: Champ de texte

valide HTML
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN" "http://www.w3.org/TR/html4/strict.dtd">
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
<Titre> champ de texte </ title>
</ Head>
<Body>

<Action Form = "/ cgi-bin / handler.cgi">
<P> <b> Quel est votre nom? </ B> </ p>
<P> <input type = " text" maxlength = " taille 25" = "20"> </ p>
</ Form>

</ Body>
</ Html>

Par conséquent, nous obtenons ce qui suit.

Quel est votre nom?

Golf mot de passe

Golf mot de passe - un champ de texte commun, mais la différence est que tous les personnages sont représentés par des astérisques. Conçu à personne piaulé entré un mot de passe.

<Input type = "paramètres de mot de passe">

Les paramètres possibles coïncident avec l'élément précédent et sont énumérés dans le tableau. 1. L'exemple 2 montre comment créer un champ de texte pour saisir un mot de passe.

Exemple 2: mot de passe sur le terrain

valide HTML
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN" "http://www.w3.org/TR/html4/strict.dtd">
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
<Titre> Golf password </ title>
</ Head>
<Body>

<Action Form = "/ cgi-bin / handler.cgi">
<P> <b> Nom d'utilisateur: </ b> <input type = "text" maxlength = taille "25" = "20" name = "text"> </ p>
<P> <b> Mot de passe: <input type = "password" maxlength = taille "15" = "20" name = "pass"> </ b> </ p>
</ Form>

</ Body>
</ Html>

Le résultat de cet exemple est représenté ci-dessous.

Nom d' utilisateur:

Mot de passe:

Bien que le texte que vous tapez, et ne semble pas, les données du serveur de ce domaine sont transmis en clair, sans cryptage. Par conséquent, l'utilisation de ce champ ne fournit pas la sécurité des données et peut être intercepté.

Plusieurs lignes de texte

Champ <textarea> est destiné à créer une zone dans laquelle vous pouvez entrer plusieurs lignes de texte.

<Paramètres textarea>
texte
</ Textarea>

Entre les balises <textarea> et </ textarea> vous pouvez mettre tout texte qui sera affiché au champ d'amorçage.

des paramètres de champ sont indiqués dans le tableau. 2.

Tableau. 2. multilignes options de texte
paramètre description
nom Nom domaine. Elle est destinée à former gestionnaire peut identifier ce domaine.
cols Nombre de colonnes de texte.
lignes Le nombre de lignes de texte.
enrouler options d'emballage de ligne. Les valeurs possibles sont:
off - éteint l'emballage;
virtuals - montre les sauts de ligne, mais envoie le texte comme il est entré;
physique - les sauts de ligne sont insérés à l' endroit indiqué et tel, le texte est envoyé.

En utilisant les différents paramètres indiqués dans l'exemple 3.

Exemple 3: Plusieurs lignes de texte

valide HTML
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN" "http://www.w3.org/TR/html4/strict.dtd">
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
<Titre> Texte multiligne </ title>
</ Head>
<Body>

<Action Form = "/ cgi-bin / handler.cgi">
<P> <b> Entrez votre avis: </ b> </ p>
<P> <lignes textarea = "10" cols = "45"> </ textarea> </ p>
</ Form>

</ Body>
</ Html>

Par conséquent, nous obtenons ce qui suit.

Tapez votre avis:

© Copyright Politique www.htmlbook.ru