Formulaires


Les balises

FORM | INPUT | SELECT et OPTION | TEXTAREA

Les composants

Formulaire | Bouton de commande | Boutons submit et reset | Boutons radio
Cases à cocher | Ligne d'édition | Liste de choix | Texte libre


FORM
Les balises FORM et /FORM entourent un formulaire. La balise FORM peut contenir des attributs :
  • NAME=nom qui permet de différencier plusieurs formulaires sur une même page.
  • ACTION="adresse_url" METHOD="méthode" pour utiliser un script CGI situé à adresse_url avec la méthode qui est post ou get. Avec certains navigateurs on peut choisir comme adresse_url "mailto:p.nom@adresse.fr" et comme méthode post pour envoyer le résultat par courrier électronique à l'adresse indiquée.
  • Entre les balises FORM et /FORM on met du texte et des objets destinés à recueillir les actions des utilisateurs : ligne de saisie, boutons, listes de sélection, ...
    Exemple :
    <FORM NAME="form1">
    </FORM>
    INPUT
    Les balises INPUT et /INPUT permettent d'inclure dans un formulaire des objets destinés à réagir aux actions de l'utilisateur. Les attributs de la balise INPUT permettent de préciser le nom de l'objet et le type d'objet désiré.
  • Ligne de saisie
    Exemple :
    Texte source Résultat obtenu
    Entrer votre code (8 lettres maxi) :

  • Boutons radio
    Exemple :
    Texte source Résultat obtenu
    Cocher la case correspondante :
    Monsieur Madame

  • Cases à cocher
    Exemple :
    Texte source Résultat obtenu
    Indiquer vos couleurs préférées :
    Rouge
    Vert
    Bleu

  • Boutons d'envoi et d'annulation
    Pour effectuer l'envoi des données inscrites dans le formulaire à l'aide du script indiqué dans l'attribut ACTION de la balise FORM ou pour annuler les entrées effectuées, on peut utilise les types SUBMIT et RESET de l'objet INPUT.
    Exemple :
    Texte source Résultat obtenu
    Code :


  • Autres boutons de commande
    Il est aussi possible de définir des boutons déclenchant une fonction JAVASCRIPT.
    Exemple :
    Texte source Résultat obtenu
  • SELECT et OPTION
    Les balises SELECT et /SELECT permettent d'inclure une liste déroulante dans laquelle l'utilisateur pourra effectuer un choix. Les balises OPTION et /OPTION permettent de définir les choix possibles.
    Exemple :
    Texte source Résultat obtenu
    TEXTAREA
    Les balises TEXTAREA et /TEXTAREA permettent de définir une zone de saisie à plusieurs lignes.
    Exemple :
    Texte source Résultat obtenu