Stylisation des Formulaires HTML

Mise en forme du formulaire
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre XHTML & CSS
Revoir le teaser Je m'abonne
3,0
Transcription

Cette leçon fait partie de la formation
59,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
3,0
Cette leçon fait partie de la formation
59,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo incluent:

  • Comprendre comment enlever les styles par défaut des navigateurs.
  • Apprendre à utiliser les propriétés de CSS pour styliser les formulaires.
  • Voir les différents éléments de formulaire et leurs particularités de stylisation.

Apprenez à styliser vos formulaires HTML avec du CSS pour améliorer la présentation et l’expérience utilisateur.

Dans cette leçon, nous aborderons les fondamentaux de la stylisation des formulaires HTML en utilisant le CSS. Nous commencerons par retirer les styles par défaut du navigateur en supprimant les marges et les paddings. Les éléments paragraphes et labels seront ajustés pour une mise en page en deux colonnes, en utilisant les propriétés de flottaison et les largeurs fixes. Nous discuterons également des différentes façons de styliser les éléments inline comme les spans et les éléments de formulaire comme les inputs, selects, et textareas.

Nous verrons comment orienter les styles spécifiques à chaque navigateur pour assurer une certaine homogénéité visuelle, même si cela reste un défi. Finalement, nous fournirons des ressources supplémentaires pour approfondir la connaissance sur la structure et la stylisation des formulaires HTML.

Voir plus
Questions réponses
Quels sont les avantages de lier des labels aux champs de formulaire?
Lier des labels aux champs de formulaire améliore l'accessibilité en permettant aux utilisateurs de cliquer sur le label pour sélectionner le champ associé, et facilite également la saisie via des lecteurs d'écran.
Pourquoi est-il difficile d’homogénéiser les styles des formulaires entre différents navigateurs?
Il est difficile d’homogénéiser les styles des formulaires entre différents navigateurs car chaque navigateur applique ses propres styles par défaut aux éléments de formulaire, et certains éléments sont plus difficiles à personnaliser comme les boutons de type submit et les listes déroulantes.
Comment peut-on gérer les différences de styles entre navigateurs pour les formulaires?
Pour gérer les différences de styles entre navigateurs pour les formulaires, on peut cibler les propriétés communes comme les marges, les bordures et les couleurs de fond, et appliquer des resets CSS pour neutraliser les styles par défaut des navigateurs.

Programme détaillé

1 commentaire
3,0
1 vote
5
4
3
2
1
Azraël
Il y a 3 ans
Dans l'ensemble bon cours, toutefois pas adapté au débutant car très touffu.
Je me perds toujours dans les marges, les paddings et les positionnements!
Beaucoup de petites astuces, bienvenues.
Gros défaut: tous les écrans sont flous, et le son est exécrable.