Accueil    HTML    Balise FORM
 



balise form  Balise FORM : Formulaire

«  Partie précédente  |  Index  |  Partie suivante  »


  • Tag de fermeture obligatoire | Support :
  • Google Chrome
  • Firefox
  • Internet Explorer
  • Opera
  • Safari



La balise <form> déclare une zone de formulaire dans laquelle les utilisateurs peuvent saisir des informations qui pourront par la suite être récupérées et traitées côté serveur. Il est possible d'utiliser plusieurs formulaires dans une même page sous condition de ne pas les imbriquer. Finalement, pour que le formulaire puisse être envoyé il faut qu'il soit soumis,
soit à l'aide de la balise input : <input type="submit" .../>
soit à l'aide du javascript en appliquant la fonction "submit()" au formulaire (en se basant sur son identifiant)


D'autre part, pour utiliser cette notion de formulaire, il est important de donner les valeurs adéquates aux principaux attributs de la balise <form> :
    - name : nom du formulaire utilisé pour faire référence à celui-ci.
    - action : indique l'adresse d'envoi des données du formulaire lors de sa soumission.
    - method : indique comment seront transmises les données au serveur ("get" ou "post").


Les éléments utilisés à l'intérieur d'un formulaire pour échanger explicitement des informations sont les suivant :
    - <button>
    - <input> avec les différents types qui lui sont associés (submit, text, checkbox ...)
    - <select>
    - <textarea>


Les methodes get et post :
La méthode get transmet les informations présentes dans le formulaire via l'url (à la suite du "?"). Ces informations sont donc visibles dans la barre d'adresse du navigateur.
La méthode post envoie les données en plaçant celles-ci dans l'entête de la trame http, elles ne sont alors pas directement visibles.



Propriétés pour la balise form :




Propriétés Définition Valeurs
action Spécifie l'url de la page qui recevra et traitera les informations soumises URL
accept-charset Spécifie quels encodages de caractères sont acceptés par le formulaire. charset
UTF-8
...
enctype Indique de quelle façon doivent être encodées les données soumises application/x-www-form-urlencoded
text/plain
multipart/form-data
method Détermine la façon dont sont transférées les données get
post
name Nom donné au formulaire Texte
target Permet de définir comment s'ouvre l'url définié par l'attribut action _blank
_parent
_self
_top


Exemple d'utilisation de la balise form :





Exemple d'emploi de la balise form pour poster un formulaire en employant les input de type "submit" et "reset" :

<form action="tag-html-balise-form" method="get" target="_self">

   ...Liste des champs du formulaire...

   <input type="submit" style="padding:5px;" />
   <input type="reset" style="padding:5px;" />
</form>



Exemple d'emploi de la balise form pour poster un formulaire en employant les input de type "submit" et "reset" :


Formulaire :