[retour à la page principale]
Cliquez ici pour voir le code de cette page

Formulaire de base

Les formulaires suivants ne produisent pas d'action pour l'instant. Nous verrons plus loin comment récupérer en php leurs valeurs...

Voici le code de base pour un formulaire vide :

<form action="destination.html" method="post"></form>

Il s'agit d'un formulaire qui envoie ses informations à la page destination.html. Nous allons lui rajouter des champs :

Aperçu Type Code
Champ caché <input type="hidden" name="champ0" value="ici" />
Champ de texte <input type="text" name="champ1" size="15" maxlength="10" value="écrit ici" />
Champ de mot de passe <input type="password" name="champ2" size="15" maxlength="10" value="écrit ici" />
Choix unique déroulant <select name="champ3">
   <option value="1">Choix 1</option>
   <option value="2" selected>Choix 2</option>
   <option value="3">Choix 3</option>
</select>
Choix multiple déroulant <select name="champ4" size="4" multiple>
   <option value="1">Choix 1</option>
   <option selected value="2">Choix 2</option>
   <option value="3">Choix 3</option>
   <option selected value="4">Choix 4</option>
   <option value="5">Choix 5</option>
</select>
Zone de texte <textarea cols="15" rows="3" name="champ5">Écrivez ici !</textarea>
  • Oui
  • Non
 Choix à faire <ul type="none">
   <li><input type="radio" name="champ6" checked value="1" /> Oui</li>
   <li><input type="radio" name="champ6" value="0" /> Non</li>
</ul>
Oui Case à cocher <input type="checkbox" name="champ7" checked value="1" /> Oui
Bouton d'envoi <input type="submit" value="C'est parti !" />
Bouton qui remet les champs par défaut <input type="reset" value="Effacer" />
Bouton d'envoi (on peut mettre une image, ...) <button type="submit">
   <img src="../fichiers/favicon.gif" align="middle" width="20" alt="" />Envoyer
</button>


Exemple

Aperçu Code
Prénom :

Nom :

Sexe :
  • femme
  • homme

Situation :



<form action="index.html" method="post">

   Prénom : <input type="text" name="champ1" size="15" maxlength="10" /><br /><br />

   Nom : <input type="text" name="champ2" size="15" maxlength="10" /><br /><br />

   Sexe :
   <ul type="none">
      <li><input type="radio" name="champ3" checked value="1" /> femme</li>
      <li><input type="radio" name="champ3" value="0" /> homme</li>
   </ul><br />

   Situation :
   <select name="champ3">
      <option value="1">Marié(e)</option>
      <option value="2" selected>Célibataire</option>
      <option value="3">Divorcé(e)</option>
   </select><br /><br />

   <textarea cols="15" rows="3" name="champ5">Commentaire</textarea><br /><br />

   <input type="reset" value="Effacer" /> <input type="submit" value="Envoyer" />

</form>