Formulaires HTML et événements JavaScript en 1ère
Formulaires HTML et événements JavaScript, c'est une notion de nsi du chapitre « Interactions entre l'homme et la machine sur le Web », au programme de 1ère. Voici le cours, un exemple et de quoi t'entraîner.
Formulaires HTML et événements JavaScript : le cours
Un formulaire HTML permet à l'utilisateur d'envoyer des données (texte, choix, fichiers...). JavaScript capture les actions de l'utilisateur (clic, saisie) via des événements pour réagir en temps réel.
Exemple
Quand tu remplis un formulaire de connexion sur Instagram et que tu cliques sur 'Se connecter', le formulaire envoie tes données. JavaScript peut vérifier que tu as bien saisi un email avant d'envoyer.
À retenir
Les formulaires HTML collectent les données, JavaScript les valide et réagit aux événements utilisateur (onclick, onchange, onsubmit...).
S'entraîner sur formulaires html et événements javascript
Fais l'exercice, puis demande au tuteur de te corriger pas à pas.
Exercice 1
Vous devez créer une page HTML simple avec un formulaire de connexion. Le formulaire doit contenir : - Un champ pour l'email (type email) - Un champ pour le mot de passe (type password) - Un bouton de soumission Ecrivez le code HTML correspondant et expliquez la structure utilisée.
Corrige cet exercice avec le tuteur →Exercice 2
On considère une page web avec un bouton qui doit afficher une alerte au clic. Écrivez le code HTML et JavaScript nécessaire. Puis, modifiez le code pour que le bouton change de couleur (rouge) lors du clic, sans utiliser d'alerte.
Corrige cet exercice avec le tuteur →Cette notion fait partie du chapitre Interactions entre l'homme et la machine sur le Web (NSI 1ère).