Skip to main content

Utilisation de la balise d'entrée HTML et de la balise de bouton dans les formulaires

Vous pouvez créer des boutons de texte personnalisables en HTML à l'aide de la étiquette. le l'élément est utilisé dans un

élément.

En définissant l'attributtype Pour "bouton", un simple bouton cliquable sera généré. Vous pouvez définir le texte qui apparaîtra sur le bouton, tel que "Soumettre" en utilisant levaleur attribut.

Par exemple:

Sachez que le tag ne soumettra pas de formulaire HTML; vous aurez toujours besoin d'inclure JavaScript pour gérer la soumission des données du formulaire. Sans JavaScript sur clicévénement, le bouton semblera être cliquable mais rien ne se passera et vous aurez frustré vos lecteurs.

le

Bien que l’utilisation de la balise input pour créer un bouton fonctionne dans ce but, il est préférable d’utiliser le balise pour créer les boutons HTML de votre site Web. le tag est plus flexible car il vous permet, par exemple, d’utiliser des images pour le bouton (ce qui vous aide à préserver la cohérence visuelle si votre site a un thème de conception) et peut être défini comme type de bouton d'envoi ou de réinitialisation JavaScript.

Vous voudrez spécifier le boutontypeattribuer en tout Mots clés. Il existe trois types différents:

  • bouton - Le bouton n'a pas de comportement inhérent, mais il est utilisé conjointement avec des scripts exécutés côté client qui peuvent être attachés au bouton et exécutés lorsque l'utilisateur clique dessus.
  • réinitialiser - Réinitialise toutes les valeurs.
  • soumettre - Le bouton envoie les données de formulaire au serveur (valeur par défaut si aucun type n'est défini).

Les autres attributs incluent:

  • prénom- Donne au bouton un nom de référence.
  • valeur- Spécifie une valeur à affecter initialement au bouton.
  • désactiver - Éteint le bouton.

HTML5 ajoute des attributs supplémentaires à la

  • formaction - Utilisé uniquement avec type = "submit"et une URL en tant que valeur, il spécifie où les données de formulaire seront envoyées. Par exemple:
  • type de formulaire - Utilisé uniquement avec type = "submit"attribut. Définit le mode de codage des données de formulaire lors de leur envoi au serveur. Les trois valeurs sontapplication / x-www-form-urlencoded (défaut),multipart / form-data, ettexte simple.
  • méthode de calcul - Utilisé uniquement avectype = "submit"attribut. Ceci spécifie la méthode HTTP à utiliser lors de la soumission des données de formulaire, soitobtenirouposter.
  • formnovalidate - Utilisé uniquement avectype = "submit"attribut. Les données de formulaire ne seront pas validées lors de la soumission.
  • formtarget - Utilisé uniquement avectype = "submit"attribut. Cela indique où la réponse du site doit être affichée lorsque les données du formulaire sont soumises, par exemple dans une nouvelle fenêtre, etc. Les options de valeur sont soit_blank, _self, _parent, _top, ou un nom de cadre spécifique.
    • Si vous utilisez des formulaires, vous voudrez peut-être vous renseigner sur la création de boutons dans des formulaires HTML et sur la manière de rendre votre site plus convivial.