Balise form

Rôle

La balise <form> est utilisé pour intégrer des éléments interactifs pour récolter des données et les soumettre aux serveurs. Le formulaire va, par exemple, permettre à l’internaute de s’exprimer, de fournir des informations, d’envoyer des fichiers, de repondre à un questionnaire, d’entrer en contact avec le webmaster..

Testez vous-même cette balise

Utilisez Codepen.

Voici le resultat

Compatibilité

La balise <form> est pris en charge dans tous les principaux navigateurs

Attributs spécifiques

Attributs spécifiques à cet élément

accept-charset

Spécifie l’encodage utilisé spécifie pour la soumission du formulaire
Syntaxe :
<form accept-charset="utf-8" >

action

Spécifie le fichier qui va réaliser le traitement des données (php, asp..)
Syntaxe :
<form action="form.php" >

autocomplete

Permet d’activer la saisie semi-automatique (attention, pas pris en charge par opéra) : le navigateur va automatiquement complèter par des valeurs que l’utilisateur a entré auparavant.
Syntaxe :
<form action="form.php" autocomplete="on" >

enctype

Permet de définir le type MIME pour l’encodage les données envoyées au serveur.
Syntaxe :
<form action="form.php" autocomplet="on" enctype="multipart/form-data" >

Valeurs possible :

• enctype=’application/x-www-form-urlencoded’ : valeur par défaut
• enctype=’multipart/form-data’ : requis pour l’envoi de fichier
• enctype=’text/plain’ : les espaces sont encodés mais pas les caractères spéciaux

method

Spécifie la façon d’envoyer les données au serveur. Soit les données apparaissent dans l’url de la page appelée après la soumission du formulaire (méthode get) ou soit ces données restent cachées (méthode post).
Syntaxe :
<form action="form.php" method="post" >

Valeurs possible :

• method=’post’ : données envoyées de mamière confidentielle
• method=’get’ : données envoyées comme des variables d’URL

name

Spécifie le nom du formulaire

novalidate

Spécifie que le contrôle formulaire automatique, comme le format de l’email par exemple, est désactivé (attention pris en charge à partir de IE-10 et pas pris en charge par Safari).
Syntaxe :
<form action="form.php" method="post" novalidate >

target

Spécifie le contexte de navigation (onglet, même page, frame..) de la page appelé après la soumission du formulaire.
Syntaxe :
<form action="form.php" method="get" target="_self" >

Valeurs possible :

• target=’_blank’ : réponse affichée dans une nouvelle fenêtre ou un nouvel onglet
• target=’_self’ : réponse affichée dans la même fenêtre ou le même onglet
• target=’_parent’ : réponse affichée dans le cadre parent
• target=’_top’ : réponse affichée dans le corps entier de la fenêtre
• target=’nom_cadre’ : réponse affichée dans le cadre nommé nom_cadre

La balise <form> prend aussi en charge les attributs globaux

Attibuts de type événement

La balise <form> peut prendre en charge les évènements clavier et formulaire. La balise <form> prend aussi en charge les événements souris

Voir les autres balises pour l’intégration d’un formulaire

button– datalist– fieldset– input– keygen– label– legend– meter– optgroup– option– output– progress –select– textarea