Créer des formulaires web pour les sites internet (tutoriel pratique)

Ici, tu découvriras de quoi il s'agit dans le cours et ce que tu peux attendre.

Pourquoi devrait-on utiliser des formulaires HTML et comment le faire en général ?

Ici, le projet est créé, dans lequel le premier formulaire sera intégré.

Vous créez votre premier formulaire simple et apprenez à connaître la structure de base.

Nous explorons les diverses possibilités d'utilisation des formulaires HTML dans les applications Web.

Tu apprends comment lire et traiter les données saisies par les utilisateurs avec JavaScript.

Je vais aborder les possibilités de conception des formulaires et te présenter différents champs de saisie.

Vous implémentez une validation d'e-mail simple pour vous assurer que les données saisies sont au format e-mail.

Nous nous occupons des saisies numériques et des attributs associés pour restreindre les valeurs possibles.

Vous apprendrez comment capturer les événements en JS qui se produisent lors de la modification du contenu d'un champ de saisie.

Nous approfondissons le sujet de la gestion des événements et utilisons addEventListener pour des réactions plus flexibles.

Un résumé complet des différents types d'input et de leurs propriétés.

Nous définissons les attributs principaux pour contrôler le comportement des champs de saisie.

Tu apprends comment effectuer des validations complexes avec les expressions régulières et l'attribut required.

Nous allons te montrer comment activer ou désactiver la vérification orthographique dans tes formulaires.

Tu apprendras comment créer des champs de mot de passe.

Nous commençons par les bases des cases à cocher et de leurs possibilités d'utilisation.

Vous apprenez à lire et définir l'état des cases à cocher en JavaScript.

Je montre différentes façons de personnaliser l'apparence des cases à cocher.

Je vais expliquer le fonctionnement des boutons radio et comment les utiliser dans vos formulaires.

Vous apprenez comment permettre aux utilisateurs de télécharger des fichiers.

Vous approfondissez vos connaissances sur le téléchargement de fichiers et apprenez comment vous pouvez traiter le fichier sélectionné avec JavaScript.

Je vais aborder l'utilisation de champs de saisie cachés pour transmettre des informations supplémentaires.

Nous résumons les différentes façons d'entrer des nombres.

Tu apprends comment permettre à l'utilisateur de sélectionner une plage spécifique de valeurs à l'aide de curseurs et comment implémenter un curseur.

Je vais te montrer comment implémenter les saisies de date et d'heure dans tes formulaires.

Nous nous concentrons sur les champs de saisie spécifiques pour les adresses e-mail et les URL.

Vous apprenez comment laisser les couleurs être sélectionnées via un sélecteur de couleurs.

Je te présente les champs de saisie pour les mots-clés et les numéros de téléphone.

Tu apprendras comment réaliser des saisies de texte multilignes avec l'élément textarea.

Je vais t'expliquer comment créer des listes déroulantes avec l'élément sélectionner.

Vous apprendrez comment regrouper les options dans une liste déroulante.

Je vais te montrer comment créer des listes de suggestions pour les champs de saisie.

Tu apprends comment activer la complétion automatique des saisies.

Je t'expliquerai comment structurer tes formulaires avec des éléments de type fieldset.

Une introduction complète à la validation de formulaires côté client avec JavaScript.

Je vais vous montrer comment recevoir les données de formulaire envoyées sur le serveur avec Node.js et Express .

Vous apprenez comment recevoir les données de formulaire avec la méthode GET.

Je t'expliquerai comment recevoir des données de formulaire avec la méthode POST.

Nous commençons par la création d'un projet React et l'intégration de formulaires.

Tu apprends comment utiliser différents éléments d'entrée en React.

Nous examinons les éléments select et textarea en React.

Je montre comment traiter les formulaires avec le framework JavaScript Alpine.js.

Je vais t'expliquer comment intégrer des formulaires dans les applications Vue.js.