Les éléments dynamiques d'un formulaire

Champ de saisie : TextBox

Un champ de saisie permet à un utilisateur de saisir une chaîne de caractère utilisée par le logiciel.

   <input type="text" name="nom_du_champ">

Remarque :

Le type peut changer :

• number : on attend un nombre
• date : on attend une date au format jj/mm/aaaa
• email : on attend une adresse mail
• url : on attend une adresse internet
• tel : on attend un numéro de téléphone

Bouton : Button

Un bouton permet de valider une action.

<input type="submit" name="Submit" value="Mon bouton">

Cases à cocher : CheckBox

Elle permet de définir un état binaire d'une variable : Coché ou non coché :

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

Remarque : lorsqu'on précise CHECKED, la case apparait cochée
<INPUT TYPE="checkbox" NAME="cases" VALUE="case1" CHECKED>

Liste déroulante : ListBox

La liste déroulante permet de choisir une option parmi plusieurs.

  <select name="select">

  <option VALUE="CHOIX1"> Valeur 1</option>

  <option VALUE="CHOIX2"> Valeur 2</option>

  </select>

Valeur 1 Valeur 2

Remarque : deux paramètres supplémentaires peuvent être utilisés :

• SIZE : spécifie la taille de votre liste <SELECT NAME="LISTE" SIZE=hauteur>
• MULTIPLE : permet de préciser si on tolère un choix multiple ou pas <SELECT NAME="selection" MULTIPLE>

Bouton radio : Radiobutton

Le bouton radio permet de faire un choix parmi plusieurs

  <input type="radio" name="Groupe" checked="true" value="bouton radio">   Bouton 1

  <br>

  <input type="radio" name="Groupe" value="bouton radio">

  Bouton 2

  <br>

Bouton 1
Bouton 2

Remarque : pour que les boutons soient liés, il faut que leur nom soit identique. Dans le cas présent Groupe[1] ou Groupe[2] permet de connaitre l'état des boutons 1 ou 2