Formulaire Action Javascript

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

L’attribut d’action de formulaire HTML définit ce qui doit arriver aux données lorsqu’un formulaire est soumis sur une page Web. La valeur de l’attribut action doit être l’URL de la ressource Web qui traitera le contenu du formulaire.

Lorsque vous créez des formulaires et demandez des données sur votre site Web ou votre application Web, vous voulez souvent faire quelque chose avec vos données, n’est-ce pas ? C’est là qu’intervient l’attribut action du formulaire.

Vous devez connaaître les bases de la création d’un formulaire en HTML . Fondamentalement, vous enveloppez le contenu du formulaire dans l’ élément

. Dans la balise d’ouverture, nous pouvons utiliser quelques attributs et l’un d’eux est l’action.

L’attribut action est utilisé pour spécifier o√π nous voulons envoyer les données du formulaire lorsque le formulaire est soumis. Donc la valeur de l’action est la page qui va traiter le formulaire.

Attribut action du formulaire HTML

L’attribut action du formulaire HTML indique l’URL o√π il va traiter le contenu d’un formulaire. Vous devez vous assurer que la ressource Web pointée par l’attribut action accepte la méthode que vous spécifiez dans votre attribut "method" .

Examinons la syntaxe de l’attribut action:

Le L’attribut action apparaaît entre notre étiquette d’ ouverture . Cet attribut est souvent utilisé avec l’attribut method.

Par défaut, l’attribut method est défini sur "get". Cela signifie que votre formulaire soumettra des données sur une requête HTTP GET lors de sa soumission. Vous pouvez changer la méthode en spécifiant "method = ’post’" dans votre balise d’ouverture .

Les données du formulaire sont envoyées à l’URL "action" lorsqu’un bouton de soumission est cliqué.

Exemple d’action de formulaire HTML

Regardons un exemple:

Ci-dessus, l’action envoie les données nom d’utilisateur et e - mail à une page nommée process.html. le nom d’ utilisateur et les données email ont le type d’entrée "texte." Nous définissons un bouton avec l’entrée de type "soumettre". Lorsque vous cliquez dessus, ce bouton marquera nos données à notre URL "action" .

Entrez maintenant le exemple de formulaire ci-dessus dans un fichier HTML réel. Créez ensuite un autre fichier appelé process.html dans le même dossier. Ce fichier doit avoir le contenu suivant:

Ce code définit une page simple Web qui affiche un paragraphe de texte lorsque la page est chargée. Retour à notre formulaire en ligne que nous avons défini plus tôt et la compilation:

 screen shot 08/02/2020 à 10 34 02 PM

Avec cet exemple , vous pourriez penser que ce n’est pas très utile. Ce qui est vrai . Habituellement, l’attribut action est utilisé pour envoyer le contenu du formulaire aux pages du serveur. Par exemple, nous pourrions utiliser un fichier PHP appelé process.php.

Ce process.php fera alors toute la magie avec les données. Cette page peut enregistrer nos données dans une base de données ou s’inscrire à votre événement préféré, n’importe quoi . PHP est un puissant langage de script de serveur, souvent utilisé dans le développement Web. Si vous avez déjà utilisé WordPress, les données traitées sont probablement traitées via PHP .

< / div>

Pour en savoir plus sur PHP, consultez notre Guide d’apprentissage PHP .

Est l’attribut action requis ?

En HTML4, la réponse serait oui. De nos jours avec HTML5, il n’y a plus besoin de spécifier un attribut action. vous avez une balise form sans attribut action puis le les données seront envoyées à sa propre page.

Pourquoi devrions-nous faire cela ? Avec l’émergence des applications à page unique (SPA), nous pouvons vouloir traiter nos données de formulaire en utilisant JavaScript . Ou nous pouvons vouloir traiter nos données en utilisant un autre framework tel que React / Angular.

Si nous utilisons JavaScript Vanilla, nous le faisons souvent en ajoutant un √âcouteur d’événement JavaScript au moment o√π le formulaire a été soumis.

Conclusion

L’attribut d’action du formulaire HTML définit ce qui arrive au contenu d’un formulaire lorsque le formulaire est soumis. L’attribut action prend une URL comme argument.

√ätes-vous intéressé à devenir développeur Web ? Consultez notre