Formulaires JavaScript | Expliqué

JavaScript sert un large éventail de fonctionnalités, par exemple, nous pouvons créer des applications Web et mobiles à l'aide de JavaScript, JavaScript nous aide à créer des effets spéciaux, etc. Une autre caractéristique utile de JavaScript est qu'elle nous aide à améliorer les formulaires HTML. Nous pouvons créer les formulaires en utilisant la balise Cependant, JavaScript peut être utilisé pour le traitement des formulaires, la validation du formulaire, etc.

JavaScript nous permet de traiter les formulaires sans appeler / invoquer le serveur. De plus, JavaScript propose plusieurs propriétés et méthodes utilisées pour travailler avec des formulaires. Par exemple, nous pouvons utiliser la méthode GetElementById () pour lire divers éléments HTML, en utilisant la propriété innerHTML, nous pouvons définir le contenu du formulaire, et ainsi de suite.

Dans cet article, nous comprendrons les bases des formulaires JavaScript, et pour ce faire, nous couvrirons les résultats d'apprentissage ci-dessous:

• Quelles sont les formulaires en javascript?
• Comment créer un formulaire en utilisant JavaScript?

Alors, commençons!

Quelles sont les formulaires en javascript?

Un formulaire est un conteneur / titulaire qui peut contenir plusieurs éléments. En JavaScript, le concept de formulaires est utilisé pour collecter les entrées de l'utilisateur en utilisant différents éléments tels que les champs d'entrée, les boutons, les étiquettes, les champs de champs, les champs de texte, etc. JavaScript peut être utilisé pour interagir avec les formulaires, pour valider les formulaires, pour traiter les formulaires, etc.

Comment créer un formulaire en utilisant JavaScript?

Voyons l'exemple donné ci-dessous pour comprendre comment créer un formulaire à l'aide de JavaScript:

Html

Nom:



Âge:

Le programme ci-dessus sert les fonctionnalités suivantes:

• Premièrement, nous avons utilisé le

  Tag pour définir un paragraphe et lui attribuer un id = «détails».

• Ensuite, nous avons créé un formulaire à l'aide de la balise, et dans la balise de formulaire, nous avons créé deux champs d'entrée et un bouton.

Javascrip

fonction showdetails ()

var empdetails = document.GetElementById («Détails»);
var empname = document.getElementById ('name');
var empage = document.GetElementByid («âge»);
empdetails.innerhtml = "name:" + empname.valeur + "
"+" Âge: "+ Empage.valeur;

• Dans le fichier javascript i.e. former.JS, nous avons utilisé la méthode GetElementById () pour lire les éléments HTML.
• Ensuite, nous avons utilisé la propriété InnerHTML pour définir le nom et l'âge sur le

  élément.

• Au cours de l'exécution réussie du programme, initialement, nous obtiendrons la sortie ci-dessous:

Maintenant, nous allons entrer certaines données dans les champs d'entrée, et ensuite, nous cliquerons sur le bouton "Afficher les détails". Après avoir cliqué sur le bouton, nous obtiendrons la sortie suivante:

C'est ainsi que vous pouvez commencer avec les formulaires javascript.

Conclusion

En JavaScript, les formulaires sont utilisés pour collecter les entrées de l'utilisateur à l'aide de différents éléments tels que les champs d'entrée, les cases à cocher, les boutons, les champs de texte, etc. JavaScript permet de traiter les formulaires sans appeler le serveur. JavaScript fournit plusieurs propriétés et méthodes pour travailler avec des formulaires tels que getElementyid () pour lire divers éléments HTML, la propriété innerHTML pour définir le contenu du formulaire, etc. Cet article fournit la compréhension de base des formulaires JavaScript à l'aide d'exemples appropriés.