Ce tuto est entièrement dédié à l'apprentissage des formulaires du côté du HTML ainsi que du côté du CSS.
Tout sera abordé de A à Z. Grâce à ce cours, les formulaires n'auront plus de secrets pour vous et vous serez capable de créer et mettre en forme tous types de formulaires sur les pages de votre site Internet.
Au programme de ce tuto mise en forme de formulaires HTML et CSS
Voici les notions que nous allons aborder dans ce cours web :
- Nous apprendrons ensemble les principales balises HTML qui permettent de mettre en place des formulaires sur un site Internet.
- Nous verrons également les nouvelles balises HTML5 à notre disposition.
- Nous verrons ensemble les champs de type texte, email ou encore url ainsi que leurs principaux attributs.
- Nous découvrirons comment effectuer des zones dans un formulaire et même comment les rendre inactives.
- Les menus déroulants, les cases à cocher ou encore les boutons radio seront également à l'étude de ce tuto.
- Concernant le côté HTML5, nous verrons entre autre les champs de type date.
- Ensuite, nous verrons comment nous pouvons mettre en forme un formulaire grâce au langage CSS3.
- Enfin, nous terminerons ce tuto par la réalisation de 2 formulaires dont je mets les sources à votre disposition.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions.
Un QCM fourni avec le cours vous permettra de tester vos nouvelles compétences.
Bonne formation sur les formulaires HTML et CSS !
Table des matières de cette formation HTML, CSS (durée : 2h19m)
-
Les classiques
- La paire de balise FORM 00:05:18
- Le champ TEXT 00:09:05
- Les boutons de formulaire 00:04:26
- Le LABEL 00:03:14
- Définir une zone avec FIELDSET 00:03:29
- La zone de texte 00:08:10
- Le menu déroulant 00:06:39
- Les cases à cocher 00:04:13
- Les boutons radio 00:02:08
- Définir l'ordre des tabulations 00:03:07
- Désactiver une zone 00:01:39
- Crypter un champ 00:02:26
-
Les nouveautés du HTML5
- Différents types INPUT 00:06:31
- Le champ de type TEL 00:04:53
- Le champ de type SEARCH 00:04:45
- Le champ de type COLOR 00:02:48
- Le champ de type RANGE 00:02:39
- Le champ de type DATE 00:02:44
-
Création de formulaires
- Formulaire 1 : Le HTML 00:10:16
- Formulaire 1 : Le CSS 00:14:21
- Formulaire 2 : Le HTML 00:10:25
- Formulaire 2 : Le CSS 1/2 00:10:01
- Formulaire 2 : Le CSS 2/2 00:16:18
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Merci Carl pour ce cours. J'avais oublié des balises sur les formulaires et découvert d'autres, excellent rappel. J'ai pris beaucoup de plaisir à suivre ce tuto. Le dernier TP est hyper agréable. Je recommande sans hésiter à tous(tes) ce cours indémodable. Toujours enseigné avec force et passion. Validé 100 % côté HTML & CSS
-
Super, très ludique et formateur. Merci.
-
Merci pour ce tutoriel sur les formulaires, cela sera utile !
-
Avec quelles versions de logiciels ce tuto est-il compatible ?HTML 5, CSS 3
-
Quel est le niveau requis pour suivre ce tuto ?débutant
-
Que contient le fichier source ?Le code source des formulaires exemples
-
Bonjour,
Une question,
Les formulaires en HTML et CSS sont statiques ,et pour les rendre opérationnels ,si je ne me trompe ,il faut un script en php ainsi qu'une base de donnée.
Pouvez vous m'éclairer sur la question?
Merci.Bonjour, ce tuto est le 1er d'une série consacrée aux formulaires. Celui-ci traite uniquement des codes HTML et CSS, un autre tuto traitera du traitement des données en utilisant le langage PHP ainsi que le langage SQL pour une insertion dans une table. Merci pour votre question.
note moyenne
avis laissés