Balise De Bouton Javascript

| | | | | | | | | | | | | | | | | | | | | |

La balise HTML button est utilisée pour créer un bouton cliquable dans un formulaire HTML. Il permet à un utilisateur de soumettre des informations dans un formulaire à un site Web.Le style du bouton peut être contrôlé avec CSS.

Lorsque vous créez un formulaire sur une page Web, vous devez créer un bouton cliquable pour qu’un utilisateur puisse soumettre un formulaire. Par exemple, vous pouvez avoir un formulaire de commande sur un site de commerce électronique qui collecte des informations de livraison auprès d’un utilisateur. Une fois que l’utilisateur a rempli les formulaires, il devrait y avoir un bouton sur lequel cliquer pour soumettre les informations.

C’est là que se trouve le HTML en HTML. Nous discuterons également des attributs que vous pouvez utiliser pour créer un bouton personnalisé et explorerons quelques exemples de ces attributs en action.

Mise à jour du formulaire HTML

Formulaires HTML sont utilisés pour collecter différents types d’entrées utilisateur, telles que des noms, des numéros de téléphone ou des adresses, sur une page Web.

Chaque formulaire contient des éléments de saisie qui permettent aux utilisateurs de soumettre des informations sur le site Web. Par exemple, une page Web peut avoir un formulaire de commande qui contient des éléments de formulaire pour collecter le nom d’un utilisateur, sa date de naissance, les informations de sa carte de crédit, etc.

Le

est utilisé pour créer un formulaire en HTML. Voici un exemple simple de la balise utilisée pour créer un formulaire qui collecte le nom d’un utilisateur:

Une balise de formulaire peut inclure plusieurs balises ou d’autres éléments d’entrée utilisateur tels que des zones de sélection. De plus, un formulaire doit inclure une balise Trouvez votre match Bootcamp

Bouton HTML

La balise à la fin du formulaire afin qu’un utilisateur puisse soumettre ces données à votre site.

La balise en action:

C’est ce que notre bouton ressemble sur une page web:

T2EtZ5J4P2s1cbcWl5XhnxkV2LBddqnXHZCRN5Ij5ar7hjumzZimB1hJg IovfjLkqU5yz1Kp29DUy4GXkyNknZUROEhEzdNYEBnNr4 W SC7PgkwUQtwb5kUzO6 FOfTpFwK4js

Maintenant que nous avons un bouton sur notre page Web, un utilisateur peut

saisir les informations qu’il a saisies dans le formulaire. Le . Par exemple, Internet Explorer, antérieur à la version 9, enverra le texte entre les balises d’ouverture et de fermeture de l’élément inclut un certain nombre d’attributs qui peuvent être utilisés pour créer un bouton personnalisé. De plus, la balise .

L’attribut autofocus permet de spécifier qu’un bouton devrait automatiquement recevoir le focus lorsque la page Web se charge. Voici la syntaxe de l’attribut autofocus:

Désactivé

L’attribut désactivé désactive le bouton, ce qui signifie que les utilisateurs ne peuvent pas interagir avec l’article. Voici la syntaxe de l’attribut disabled:

Comme vous pouvez le voir ci-dessous, notre bouton est grisé et ne peut pas être cliqué:

 4rmFBMpA X5H M16KvlWPhDx9gP XlfNM43RfQU42SI5elokTMBCp8vvpqcbf6VjPYfuqVb6SmsU2zo8llK22b BQUYTfeWXYV kyNjO0dtULXxU9 DOVWeoptXa4gSRTovA0 Jmw

Formulaire

L’attribut formulaire permet de lier un élément bouton à un formulaire. La valeur du formulaire doit être la même que l’id du formulaire auquel le formulaire fait référence. Voici un exemple de l’attribut form qui relie le bouton de soumission à notre formulaire pizza:

L’attribut form a lié notre bouton au formulaire avec la valeur id pizza. Ainsi lorsque nous cliquons sur notre bouton, notre formulaire sera envoyé avec l’id pizza.

Formation

formation spécifie l’URL d’un programme qui traitera les informations envoyées par le bouton. Cet attribut ne peut être utilisé que si l’attribut type dans votre bouton est égal à submit.

Voici un exemple du training attribut utilisé:

Forenctype

L’attribut formenctype spécifie comment le formulaire doit être crypté lorsqu’il est envoyé au serveur. Cet attribut ne doit être utilisé que lorsque vous utilisez l’attribut "method = ’post’" dans votre formulaire.

Voici un exemple de l’attribut formenctype utilisé pour envoyer du texte brut au serveur lorsque notre bouton est cliqué:

Formmethod

formmethod est utilisé pour spécifier la méthode HTTP que le navigateur utilisera pour soumettre le formulaire. Cet attribut ne doit être utilisé qu’avec l’attribut "type = ’submit’" .

Les deux valeurs acceptées pour l’attribut formmethod sont obtenez et postez. Si vous souhaitez récupérer des informations ou exécuter une fonction HTTP GET, vous devez utiliser get ; si vous souhaitez envoyer des informations ou exécuter une fonction HTTP POST, vous devez utiliser post.

Voici la syntaxe de l’attribut formmethod:

Formnovalidate

formnovalidate est utilisé pour spécifier que les données du formulaire ne doivent pas être validées lors de la soumission. Par exemple, si vous souhaitez accepter la saisie d’un utilisateur même s’il n’a pas rempli tous les champs, vous devez utiliser l’attribut formnovalidate.

< / div>

Voici un exemple de formnovalidate en action:

Formtarget

formtarget définit la position de destination pour la réponse que le serveur envoie après la soumission du formulaire. Les valeurs acceptées pour cet attribut sont: _blank, _self, _parent, _top , ou le nom de votre uframe.

Voici la syntaxe de l’attribut formtarget:

Nom

La balise nom est utilisé pour spécifier le nom du bouton (qui doit être unique de toutes les autres formes et noms lementi) et utilise la syntaxe suivante:

Type

La balise type spécifie le type du bouton. Vous pouvez utiliser trois types de boutons: bouton, envoyer et réinitialiser. Voici la syntaxe de la balise type:

Valeur

La balise value spécifie la valeur initiale du bouton. Voici la syntaxe de la balise value:

Conclusion

La balise qui permet à l’utilisateur de soumettre les informations de sa commande lorsqu’il est prêt.

Dans ce tutoriel, nous avons exploré comment utiliser la balise comme un expert !