Zone de texte simple

Une zone de texte simple est un champ de formulaire composé d'une seule ligne dans laquelle l’utilisateur peut saisir son texte.

En voici une définition :

<input type="text" name="Zone1" size="20" value="France" MaxLength="15">

où les différentes valeurs ont respectivement les signification suivantes:

·         le type pour définir une zone de texte simple (text),

·         le nom de la zone de texte (Zone1),

·         la taille de la zone de texte (20),

·         la valeur par défaut de la zone de texte (France),

·         le nombre de caractères maximum du champ (15).

Voici un exemple de formulaire utilisant la méthode GET avec 2 zones de textes simples:

<html>

<head>

<title>zone_de_texte.htm</title>

</head>

<body>

<form action="reponse.htm" method="GET">

<p>Nom :    <input NAME="Nom"    size="10"></p>

<p>Prenom : <input NAME="Prenom" size="10"></p>

</form>

</body>

</html>

Affichage de la page

Case à cocher

Une case à cocher est un champ de formulaire que l'utilisateur peut choisir en cliquant sur une case. Les cases à cocher sont généralement regroupées pour représenter un ensemble de choix. Un utilisateur peut sélectionner plusieurs cases à cocher dans un formulaire.

En voici une définition :

<input type="checkbox" name="Case1" value="ON">

où les différentes valeurs ont respectivement les signification suivantes:

·         le type pour définir une case à cocher (checkbox),

·         nom de la zone (Case1),

·         la valeur que prend la case à cocher si elle est activée (ON),

Menu déroulant

Un menu déroulant est un champ de formulaire présentant une liste de sélections possibles sous forme de menu déroulant (comme son nom l'indique !).

En voici une définition :

<select name="Menu1" size="1">

<option selected value="1">1</option>

<option value="2">2</option>

<option value="3">3</option>

<option value="4">4</option>

</select>

où les différentes valeurs ont respectivement les signification suivantes:

·         le nom du menu (name="Menu1").

·         la hauteur par défaut du menu (size="1")

·         valeur sélectionnée par défaut (option selected)

·         les autres valeurs "sélectionnables" (option).

Un exemple d'utilisation :

<html>

<head>

<title>menu_deroulant.htm</title>

</head>

<body>

<form method="POST" action="reponse">

<p>Voici un menu déroulant :</p>

<select name="D1" size="1">

<option selected value="1">1</option>

<option value="2">2</option>

<option value="3">3</option>

<option value="4">4</option></select>

<p>

<input type="submit" value="Envoyer" name="B1">

<input type="reset"  value="Effacer" name="B2">

</p>

</form>

</body>

</html>

Affichage de la page