Comment récupérer les données en utilisant les formulaires HTML JavaScript


Mise à jour: 30 Octobre, 2011

Après la création d'un formulaire à l'aide HTML, que vous pouvez effectuer certaines actions sur les données contenues dans ce formulaire. JavaScript fournit des méthodes pour travailler avec les données dans le navigateur avant l'envoi des données à un serveur ou comme alternative au serveur de traitement. Peut-être, le module créé fournit des fonctionnalités qu'un serveur doit traiter, comme la fourniture d'une certaine forme de calculatrice sans besoin de stockage de données.

Action est utile pour JavaScript afin de voir à nouveau ce qui est saisi dans un formulaire d'un visiteur du site avant que les données sont envoyées au serveur pour traitement. JavaScript utilise deux méthodes pour afficher des informations sur une page Web. Une méthode est la méthode document.write () et l'autre méthode est la méthode getElementByID (). Les deux méthodes affichent des informations, mais la méthode document.write () crée une nouvelle page Web, si vous utilisez la méthode après le chargement initial de la page Web. Pour afficher des informations sur une page existante, utilisez la méthode getElementById ().




Dans la zone Attributs de formulaire

Se référant à la forme créée dans le module simple hub (extrait de code fourni à la fin de cette plate-forme pour la référence), vous remarquerez peut-être que, dans certaines des variables, il y avait un couple d'attributs supplémentaires. Par exemple, l'étiquette contient le nom de l'attribut. Cet attribut permet au programmeur de se référer au module après le visiteur remplit le formulaire, les spectacles extrait de code suivants:

Résultats Script

L'exécution du script ci-dessus, le navigateur se pencher sur le document HTML courant pour un élément appelé "contactForm", indiqué par document.contactForm ... portions de lignes 2,3 et 4. Dans cet élément sont trois éléments fils nommé «nom», «lname" et "email" spécifiée dans ces lignes.

Le navigateur récupère les valeurs de ces trois éléments et attribue des valeurs à trois variables déclarées dans les lignes 2, 3 et 4, du scénario. Une variable est une mémoire qui indique un programmateur comme une zone de stockage temporaire. Le programmeur peut alors modifier les informations stockées dans la variable.

Lignes 6, 7 et 8 du script et puis diriger le navigateur pour afficher les valeurs de ces variables sur l'écran et ajouter des étiquettes aux valeurs affichées. Les fonctions document.writeln () pour effectuer cette tâche. Tout est inclus dans l'ouverture et la fermeture de parenthèses apparaît méthode "()". Les informations contenues dans des guillemets entre parenthèses est affiché comme des valeurs littérales, le signe plus dans le budget ajouter ou concaténer des informations variables au texte littéral.

La ligne 10 du script affiche un message de confirmation.

Remarque: Il comprend le script ci-dessus dans l'élément qui précède le corps du document et le script irait après que l'utilisateur soumet le formulaire. Ce script pourrait causer le navigateur pour effacer le formulaire que vous avez utilisé pour saisir les données et remplacer le module avec les informations contenues dans le script.

Ensuite, apprendre à afficher les informations sur une page que vous avez déjà créé.

Formulaire de contact simple, code

Simple Formulaire de contact Prénom: Nom De Famille: Email: Envoyer le formulaire pour plus d'informations

Que pensez-vous?

Vos commentaires sont toujours les bienvenus.

(0)
(0)

Commentaires - 0

Sans commentaires

Ajouter un commentaire

smile smile smile smile smile smile smile smile
smile smile smile smile smile smile smile smile
smile smile smile smile smile smile smile smile
smile smile smile smile
Caractères restants: 3000
captcha