Dans le cours : L’intégration web : Coder un design en HTML et CSS
Accédez à ce cours grâce à un essai gratuit
Inscrivez-vous aujourd’hui pour accéder à plus de 24 600 cours dispensés par des experts.
Finaliser la mise en forme des champs du formulaire
Dans le cours : L’intégration web : Coder un design en HTML et CSS
Finaliser la mise en forme des champs du formulaire
Bien, notre formulaire de contact commence à prendre forme. Il ne nous reste plus que quelques petits détails à régler, notamment au niveau de cet élément text area. On a envie qu'il soit plus haut. On a envie également de désactiver la possibilité de pouvoir le redimensionner. Direction donc la feuille de style. Je suis toujours dans mon contact Form, contact form, et je m'adresse à cet élément text area. J'ai envie de lui donner une hauteur par exemple de dix em, donc dix lignes de texte et puis de désactiver le fait de pouvoir le redimensionner resize également. Dans mon navigateur je rafraîchis la page et voilà ce que ça donne. Donc mon text area est maintenant plus haut et je n'ai plus la possibilité de redimensionner cet élément. Je vais également séparer ces deux boutons switch, donc pour ça, j'ai besoin d'une petite marge du bas. Oui, mais sur quels éléments ? Alors retour dans notre fichier HTML. Rappelez-vous que ces cases à cocher sont emballées dans un div, un div qui a la…
Table des matières
-
-
-
-
-
-
-
-
(Verrouillé)
Développer le code HTML du formulaire de contact5 m 24 s
-
(Verrouillé)
Corriger la mise en forme du titre de la page3 m
-
(Verrouillé)
Mettre en forme le formulaire4 m 4 s
-
(Verrouillé)
Créer des interactions Switch à partir des cases à cocher5 m 21 s
-
(Verrouillé)
Finaliser la mise en forme des champs du formulaire5 m 4 s
-
(Verrouillé)
Mettre en forme le bouton Submit4 m 41 s
-
(Verrouillé)
Implémenter la validation du formulaire6 m 6 s
-
(Verrouillé)
Ajuster le formulaire sur les écrans les plus larges2 m 18 s
-
(Verrouillé)
-
-
-