CATALOGUE Code & Data Formation XHTML/CSS Maîtriser Materialize CSS - Le framework pour le Material Design Création de Formulaires avec Materialize CSS

Création de Formulaires avec Materialize CSS

Un formulaire dynamique
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Maîtriser Materialize CSS - Le framework pour le Material Design
Revoir le teaser Je m'abonne
Transcription
Cette leçon fait partie de la formation
49,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
Cette leçon fait partie de la formation
49,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Étapes pour Concevoir des Formulaires Attrayants

Objectifs

Les objectifs de cette vidéo sont :
1. Apprendre à créer et structurer des formulaires avec Materialize CSS.
2. Comprendre comment utiliser les classes et composants de Materialize CSS.
3. Apprendre à personnaliser l'apparence des formulaires avec CSS et jQuery.

Résumé

Découvrez comment utiliser Materialize CSS pour créer des formulaires modernes et attrayants. Apprenez à utiliser les différents composants de formulaire offerts par le framework.

Description

Cette leçon vise à vous montrer comment exploiter Materialize CSS pour créer des formulaires de manière rapide et esthétique. Vous apprendrez à placer vos champs de formulaire dans des divs appropriées, à utiliser des classes prédéfinies comme row et col pour aligner vos éléments, et à ajouter des effets visuels attrayants. Nous couvrons également l'utilisation de jQuery pour les menus de sélection, l'intégration d'icônes Material dans les champs et boutons, et enfin la personnalisation des couleurs par défaut en utilisant CSS ou Sass. En parcourant cette leçon, vous allez maîtriser les techniques essentielles pour rendre vos formulaires non seulement fonctionnels mais aussi visuellement agréables.

Voir plus

Questions fréquentes

Quelle classe est utilisée pour encapsuler un champ de formulaire dans Materialize CSS?
La classe utilisée est input-field.
Comment peut-on centrer un élément de titre avec Materialize CSS?
Vous pouvez utiliser la classe center-align.
Quel est l'effet visuel par défaut lorsque l’on clique sur un champ de formulaire dans Materialize CSS?
Le label se déplace au-dessus du champ et la bordure devient d'une couleur bleu-vert.