Les formulaires HTML sont l’un des moyens les plus élémentaires d’ajouter de l’interactivité à votre site Web. Vous pouvez poser des questions et solliciter des réponses de vos lecteurs, fournir des informations supplémentaires à partir de bases de données, configurer des jeux, etc. Il existe un certain nombre d'éléments HTML que vous pouvez utiliser pour créer vos formulaires. Et une fois que vous avez créé votre formulaire, il existe différentes manières de soumettre ces données au serveur ou simplement de lancer l'action de formulaire en cours d'exécution.
Voici plusieurs façons de soumettre vos formulaires:
-
- C'est la méthode la plus courante pour obtenir des données sur le serveur, mais elle peut être très simple.
-
- L'utilisation d'une image facilite grandement l'adaptation du bouton d'envoi au style de votre site. Mais certaines personnes pourraient ne pas le reconnaître comme un bouton d'envoi.
-
- Le bouton
CONTRIBUTION balise donne beaucoup des mêmes options que l'image
CONTRIBUTION balise, mais ressemble plus au type de soumission standard. Il nécessite l'activation de JavaScript.
- Le bouton
-
- le
BOUTON tag est un type de bouton plus polyvalent que le
CONTRIBUTION étiquette. Javacript doit être activé pour cette balise.
- le
- le
COMMANDER Cet élément est nouveau dans HTML5 et permet d'activer des scripts et des formulaires avec des actions associées. Il est activé avec JavaScript.
- le
L'élément INPUT
L'entrée
CONTRIBUTION élément est le moyen le plus courant de soumettre un formulaire, il vous suffit de choisir un type (
bouton,
image, ou
soumettre) et si nécessaire ajouter des scripts à soumettre à l'action de formulaire.
le élément peut être écrit comme ça. Mais si vous le faites, vous obtiendrez des résultats différents selon les navigateurs. La plupart des navigateurs créent un bouton indiquant «Soumettre», mais Firefox crée un bouton indiquant «Soumettre la requête». Pour modifier son libellé, vous devez ajouter un attribut:
value = "Submit Form">
L'élément est écrit comme ça, mais si vous laissez tous les autres attributs, tout ce qui s'affichera dans les navigateurs sera un bouton gris vide. Pour ajouter du texte au bouton, utilisez le bouton
valeurattribut. Mais ce bouton ne soumettra le formulaire que si vous utilisez JavaScript.
onclick = "submit ();">
Le est similaire à la
boutontype, qui a besoin d’un script pour soumettre le formulaire. Sauf que, au lieu d'une valeur de texte, vous devez ajouter une URL de source d'image.
L'élément Button
le
BOUTONL'élément nécessite à la fois une balise d'ouverture et une balise de fermeture. Lorsque vous l'utilisez, le contenu que vous placez à l'intérieur de la balise est placé dans un bouton. Ensuite, vous activez le bouton avec un script.
Soumettre le formulaire
Vous pouvez inclure des images dans votre bouton ou combiner des images et du texte pour créer un bouton plus intéressant.
L'élément de commande
le
COMMANDERL'élément est nouveau avec HTML5. Il ne nécessite pas de
FORME être utilisé, mais il peut servir de bouton de soumission pour un formulaire. Cet élément vous permet de créer des pages plus interactives sans exiger de formulaire, sauf si vous en avez réellement besoin. Si vous voulez que la commande dise quelque chose, vous écrivez les informations dans un
étiquetteattribut.
label = "Submit Form">
Si vous souhaitez que votre commande soit représentée par une image, utilisez le
icôneattribut.
icon = "submit.gif">
Les formulaires HTML peuvent être soumis de différentes manières, comme vous l’avez appris à la page précédente. Deux de ces méthodes sont les
CONTRIBUTIONtag et le
BOUTONétiquette. Il y a de bonnes raisons d'utiliser ces deux éléments.
L'élément d'entrée
La balise est le moyen le plus simple de soumettre un formulaire. Il ne nécessite rien au-delà de la balise elle-même, pas même une
valeurLorsqu'un client clique sur le bouton, il le soumet automatiquement. Vous n'avez pas besoin d'ajouter de scripts, les navigateurs savent qu'ils doivent soumettre le formulaire lorsqu'un message est envoyé.
CONTRIBUTIONla balise est cliquée.
Le problème est que ce bouton est très laid et simple. Vous ne pouvez pas y ajouter d'images. Vous pouvez le styler comme n'importe quel autre élément, mais il peut toujours sembler être un bouton laid.
Utilisez le
CONTRIBUTIONméthode lorsque votre formulaire doit être accessible même dans les navigateurs où JavaScript est désactivé.
L'élément BOUTON
le
BOUTONelement offre plus d'options pour soumettre des formulaires. Vous pouvez mettre n'importe quoi dans un
BOUTONélément et le transformer en un bouton d'envoi. Le plus souvent, les gens utilisent des images et du texte. Mais vous pouvez créer un
DIV et faites de cette chose un bouton de soumission si vous le souhaitez.
Le plus gros inconvénient de la
BOUTONL'élément est qu'il ne soumet pas automatiquement le formulaire. Cela signifie qu'il doit exister un type de script pour l'activer. Et donc il est moins accessible que le
CONTRIBUTIONméthode. Tout utilisateur dont JavaScript n'est pas activé ne pourra pas soumettre de formulaire avec seulement
BOUTONélément à soumettre.
Utilisez le
BOUTONméthode sur des formes qui ne sont pas aussi critiques. En outre, il s'agit d'un excellent moyen d'ajouter des options de soumission supplémentaires dans un seul formulaire.
