SELFHTML: HTML / Formulaires / Champs de saisie à une ligne

SELFHTML/Quickbar HTML Formulaires

	Champs de saisie à une ligne
	Définir des champs de saisie à une ligne Texte par défaut proposé pour les champs de saisie à une ligne Champs de saisie pour mot de passe Mettre les champs de saisie en "lecture seule" Autres possibilités

Définir des champs de saisie à une ligne

Les champs de saisie à une ligne servent à l'enregistrement d'un ou de quelques mots ou d'un chiffre.

Exemple d'affichage: aperçu

Exemple:

votre surnom: <input name="surnom" size=60 maxlength=60>
<br>
votre vedette préférée: <input type=text name="vedette" size=40 maxlength=40>
<br>
votre passion: <input name="passion" size=30 maxlength=60>

Explication:

<input ... > définit un champ de saisie d'une seule ligne (input = saisie). Pour être complet vous pouvez ajouter la mention type=text.

Chaque champ de saisie doit recevoir un nom d'identification interne et cela au moyen de la mention name=. Le nom ne doit pas être trop long et ne peut pas contenir d'espace ou de caractère spécial. Utilisez tout au plus comme caractère spécial le tiret de soulignement "_". Mettez le nom entre guillemets.

En outre, vous devez toujours pour les champs de saisie à une ligne déterminer la longueur d'affichage en caractères avec size= ainsi que la longueur interne du champ en caractères avec maxlength=. Les deux données représentent le nombre de caractères (size = taille, maxlength = maximal length = longueur maximale). Si la longueur interne du champ en caractères maxlength est plus grande que la longueur d'affichage en caractères size (comme dans le troisième des exemples ci-dessus), alors, pour des saisies plus longues le texte défilera automatiquement (dans l'exemple à partir du 31ème caractère entré).

Exemple 2:

<form>
<table>
  <tr>
    <td align=right>votre prénom:</td>
    <td><input type=text size=40 maxlength=40></td>
  </tr><tr>
    <td align=right>votre nom de famille:</td>
    <td><input type=text size=40 maxlength=40></td>
  </tr>
</table>
</form>

Explication:

L'exemple montre comment avec l'aide d'un tableau sans quadrillage vous pouvez formater proprement les inscriptions et champs de saisie d'un formulaire.

Attention:

À l'aide de JavaScript vous pouvez contrôler les données de l'utilisateur avant qu'il n'envoie le formulaire. Ainsi par exemple, vous pouvez exiger que dans un champ un nombre d'une certaine plage de valeurs soit entré etc... Vous trouverez dans cette documentation un exemple d'application pour vérifier les données d'un formulaire.

Texte par défaut proposé pour les champs de saisie à une ligne

Exemple d'affichage: aperçu

Vous pouvez proposer un contenu pour les champs de saisie à une ligne.

Exemple:

Votre adresse URL préférée: 
<input name="adresseURL" maxlength=40 size=40 value="http://www.selfhtml.com.fr/selfhtml/">

Explication:

Les champs de saisie à une ligne avec un texte par défaut proposé sont définis comme des champs de saisie habituels. Grâce à l'attribut supplémentaire value= vous pouvez mentionner un texte qui sera la valeur par défaut proposée (value = valeur). Le texte doit figurer entre guillemets.

Champs de saisie pour mot de passe

Exemple d'affichage: aperçu

Pour la saisie de codes secrets, de mots de passe etc... il y a un type spécial de champ de saisie. Les caractères saisis y sont représentés par des signes de repérage (le plus souvent des étoiles) de façon à ce que des personnes présentes dans la pièce de l'utilisateur ne puissent pas lire le mot ce passe entré par inadvertance.

Exemple:

votre code d'accès: <input type=password name="code" maxlength=10 size=10>

Explication:

Les champs de saisie pour mot de passe ont définis comme des champs de saisie habituels. Grâce à l'attribut supplémentaire type=password vous déterminez qu'il s'agit d'un champ pour un mot de passe.

Attention:

Les mots de passe sont, malgré la saisie cachée, transmis en clair sur Internet. Attirez l'attention de l'utilisateur sur ce point de façon explicite.

Un champ pour mot de passe en HTML ne permet pas encore l'appel de pages WWW protégées. Contactez votre fournisseur d'accès si vous désirez proposer des pages WWW protégées par mot de passe. Lisez aussi attentivement à ce sujet la partie traitant de la publication de projets WWW.

Mettre les champs de saisie en "lecture seule"

Exemple d'affichage: aperçu

Vous pouvez contraindre un "champ de saisie" à ne plus être un champ de saisie mais à vrai dire seulement un champ de sortie. Cela peut être intéressant par exemple si vous désirez afficher des valeurs transmises par JavaScript. dans le champ d'un formulaire

Exemple:

<input name="sortie" maxlength=10 size=10 readonly>

Explication:

Grâce à l'attribut readonly vous pouvez mettre un champ de saisie (<input>) en "lecture seule".

Attention:

L' Explorer Internet MS interprète cette mention depuis la version 4.x, Netscape pas encore dans sa version 4.x.

Autres possibilités

Le repère <input> peut comprendre des attributs universels.

Il est également tout à fait permis d'utiliser les feuilles de style CSS sur des éléments de formulaire. Malheureusement Netscape n'interprète pas encore de telles possibilités dans sa version 4.x. L' Explorer Internet MS 4.x interprète les feuilles de style CSS en relation avec des éléments de formulaires. Pour cela vous devez d'abord savoir comment définir des feuilles de style. Ensuite, vous serez en mesure d'utiliser les mentions de feuilles de style. Sur le repère <input>vous pouvez par exemple utiliser les mentions de feuilles de style suivantes:
Formatage de la police
Couleurs et images d'arrière plan
Positionner les éléments


après:	Champs de saisie à plusieurs lignes
avant:	Définir des formulaires

SELFHTML/Quickbar HTML Formulaires