Skip to main content

Création de boutons à l'aide de balises de saisie HTML dans des formulaires

#AskGaryVee Episode 66: Top Line Revenue and Niche Advertising on Instagram! (Mai 2024)

#AskGaryVee Episode 66: Top Line Revenue and Niche Advertising on Instagram! (Mai 2024)

Table des matières:

Anonim

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'attribut type 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 le valeur 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 bouton type attribuer 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 sont application / x-www-form-urlencoded (défaut), multipart / form-data, et texte simple.
  • méthode de calcul - Utilisé uniquement avec type = "submit" attribut. Ceci spécifie la méthode HTTP à utiliser lors de la soumission des données de formulaire, soit obtenir ou poster.
  • formnovalidate - Utilisé uniquement avec type = "submit" attribut. Les données de formulaire ne seront pas validées lors de la soumission.
  • formtarget - Utilisé uniquement avec type = "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.