Recherche…
Introduction
Pour regrouper des éléments d'entrée et soumettre des données, HTML utilise un élément de formulaire pour encapsuler des éléments d'entrée et de soumission. Ces formulaires gèrent l'envoi des données dans la méthode spécifiée vers une page gérée par un serveur ou un gestionnaire. Cette rubrique explique et illustre l'utilisation des formulaires HTML dans la collecte et la soumission des données d'entrée.
Syntaxe
<form method="post|get" action="somePage.php" target="_blank|_self|_parent|_top|framename">
Paramètres
| Attribut | La description |
|---|---|
accept-charset | Spécifie les codages de caractères à utiliser pour la soumission du formulaire. |
action | Spécifie où envoyer les données de formulaire lorsqu'un formulaire est soumis. |
autocomplete | Spécifie si une saisie semi-automatique doit être activée ou non pour un formulaire. |
enctype | Spécifie comment les données de formulaire doivent être encodées lors de leur soumission au serveur (uniquement pour method = "post"). |
method | Spécifie la méthode HTTP à utiliser lors de l'envoi de données de formulaire (POST ou GET). |
name | Spécifie le nom d'un formulaire. |
novalidate | Spécifie que le formulaire ne doit pas être validé lors de la soumission. |
target | Spécifie où afficher la réponse reçue après la soumission du formulaire. |
Remarques
L'élément <form> représente une section contenant des éléments associés à un formulaire (par exemple, <button> <fieldset> <input> <label> <output> <select> <textarea> ) qui soumet des informations à un serveur. Les deux balises de début ( <form> ) et de fin ( </form> ) sont obligatoires.
Soumission
L'attribut d'action
L'attribut action définit l'action à effectuer lorsque le formulaire est soumis, ce qui conduit généralement à un script qui collecte les informations soumises et fonctionne avec lui. si vous le laissez vide, il l'enverra au même fichier
<form action="action.php">
L'attribut de la méthode
L'attribut method est utilisé pour définir la méthode HTTP du formulaire GET ou POST.
<form action="action.php" method="get">
<form action="action.php" method="post">
La méthode GET est principalement utilisée pour obtenir des données, par exemple pour recevoir une publication par son identifiant ou son nom, ou pour soumettre une requête de recherche. La méthode GET ajoutera les données de formulaire à l'URL spécifiée dans l'attribut d'action.
www.example.com/action.php?firstname=Mickey&lastname=Mouse
La méthode POST est utilisée lors de la soumission de données à un script. La méthode POST n'ajoute pas les données de formulaire à l'URL d'action mais envoie à l'aide du corps de la requête.
Pour soumettre correctement les données du formulaire, un nom d'attribut de nom doit être spécifié.
Par exemple, envoyons la valeur du champ et définissons son nom sur lastname :
<input type="text" name="lastname" value="Mouse">
Plus d'attributs
<form action="action.php" method="post" target="_blank" accept-charset="UTF-8"
enctype="application/x-www-form-urlencoded" autocomplete="off" novalidate>
<!-- form elements -->
</form>
Attribut cible dans la balise de formulaire
L'attribut target spécifie un nom ou un mot-clé qui indique où afficher la réponse reçue après la soumission du formulaire.
L'attribut target définit un nom ou un mot-clé pour un contexte de navigation (par exemple, tabulation, fenêtre ou cadre en ligne).
De balise avec un attribut cible:
<form target="_blank">
Valeurs d'attribut
| Valeur | La description |
|---|---|
| _blanc | La réponse est affichée dans une nouvelle fenêtre ou un nouvel onglet |
| _soi | La réponse est affichée dans le même cadre (par défaut) |
| _parent | La réponse est affichée dans le cadre parent |
| _Haut | La réponse est affichée dans le corps entier de la fenêtre |
| framename | La réponse est affichée dans un iframe nommé |
Remarque: l'attribut target a été déprécié dans HTML 4.01 . L'attribut cible est pris en charge dans HTML5 .
Les cadres et les jeux de cadres ne sont pas pris en charge en HTML5 . Par conséquent, les valeurs _parent, _top et framename sont désormais principalement utilisées avec les iframes .
Téléchargement de fichiers
Les images et les fichiers peuvent être téléchargés / soumis au serveur en définissant l'attribut enctype de la balise de form sur multipart/form-data . enctype spécifie comment les données de formulaire seraient encodées lors de la soumission au serveur.
Exemple
<form method="post" enctype="multipart/form-data" action="upload.php">
<input type="file" name="pic" />
<input type="submit" value="Upload" />
</form>
Grouper quelques champs d'entrée
Lors de la conception d'un formulaire, vous souhaiterez peut-être regrouper quelques champs de saisie dans un groupe pour vous aider à organiser la mise en forme du formulaire. Cela peut être fait en utilisant la balise. Voici un exemple d'utilisation.
Pour chaque jeu de champs, vous pouvez définir une légende pour l'ensemble à l'aide de la balise LEGEND TEXT.
Exemple
<form>
<fieldset>
<legend>1st field set:</legend>
Field one:<br>
<input type="text"><br>
Field two:<br>
<input type="text"><br>
</fieldset><br>
<fieldset>
<legend>2nd field set:</legend>
Field three:<br>
<input type="text"><br>
Field four:<br>
<input type="text"><br>
</fieldset><br>
<input type="submit" value="Submit">
</form>
Résultat
Prise en charge du navigateur
Les dernières versions de Chrome, IE, Edge, FireFox, Safari et Opera prennent également en charge la balise