CATALOGUE Code & Data Formation XHTML/CSS Apprendre CSS 3 Comprendre et Créer des Formulaires HTML

Comprendre et Créer des Formulaires HTML

Correction exercice de saisie
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre CSS 3
Revoir le teaser Je m'abonne
4,5
Transcription
89,00€ 35,60€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
4,5
89,00€ 35,60€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Étapes de Création d'un Formulaire HTML

Objectifs

À l'issue de cette vidéo, vous serez capable de :
- Créer des formulaires HTML de base
- Utiliser les méthodes GET et POST
- Structurer le code du formulaire de manière propre et efficace

Résumé

Cet article explique comment structurer un formulaire HTML avec les balises Form, fieldset, et input. Vous apprendrez à utiliser les méthodes GET et POST ainsi que les attributs nécessaires pour un formulaire fonctionnel.

Description

Pour créer un formulaire HTML, commencez par utiliser la balise FORM. Spécifiez la méthode du formulaire, soit GET, soit POST, ainsi que son action, qui est généralement un fichier PHP ou autre script côté serveur pour traiter les données.

Ensuite, utilisez les balises fieldset pour regrouper des éléments du formulaire et appliquer un fond de couleur. Vous pouvez ajouter une légende pour décrire ce groupe. Séparez chaque label et input par des paragraphes pour une meilleure lisibilité.

Assurez-vous de lier chaque label à son input correspondant en utilisant les attributs for et id. Utilisez des placeholders pour aider l'utilisateur dans la saisie des données et utilisez l'attribut required pour rendre certains champs obligatoires.

Pour les champs d'e-mail, utilisez le type approprié pour améliorer l'expérience utilisateur sur les dispositifs mobiles. Enfin, ajoutez un input de type submit pour permettre l'envoi du formulaire.

Voir plus

Questions - réponses

Quel attribut est utilisé pour lier un label à un input ?
L'attribut for est utilisé dans la balise label pour lier un label à un élément input. Cet attribut doit avoir la même valeur que l'attribut id de l'élément input correspondant.
Pourquoi est-il important d'utiliser les types de champs appropriés ?
Utiliser les types de champs appropriés comme email ou number améliore l'expérience utilisateur, surtout sur les dispositifs mobiles, en affichant des claviers virtuels spéciaux.
Quel est l'avantage d'utiliser l'attribut 'placeholder' dans un input ?
L'attribut placeholder fournit un texte d'aide visible dans le champ avant que l'utilisateur ne commence à taper, offrant ainsi une indication sur les informations attendues dans ce champ.

Programme détaillé

4 commentaires
4,5
4 votes
5
4
3
2
1
pierre.hiroux
Il y a 7 months
La formation est divisée en 90 modules sans lien entre eux et sans progression pédagogique. Il faut les réorganiser par thème pour donner plus de cohérence et donner de la progression pédagogique à la formation. Multiples fautes d'orthographe dans les textes.
henridjithat
Il y a 1 year
Très bonne formation, étant débutant j'ai beaucoup appris.
yvan.vogel
Il y a 2 years
J'en suis arrivé au bout.. Un vrai marathon. Très longue formation, à mon avis c'est plutôt 30h de cours et non pas 15h.
Après c'est une formation hyper claire et détaillée. L'auteur a fait un panorama complêt sur le CSS3.
g.vanleynseele
Il y a 4 years
Cours très clair et très bien expliqué! Par contre il manque la moitié des fichiers de travail !