16,00

Tuto Formation Bulma #4, Les formulaires avec CSS

16,00

  • Une formation vidéo de 1h22m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
Formation Bulma #4, Les formulaires

ajouter ce cours aux favoris retirer ce cours des favoris

Retrouvez cette formation dans le bundle :

Bundle : Tout savoir ou presque sur le framework CSS BULMA

-30% de réduction

voir les détails du bundle


Pour ce nouveau tuto vidéo dédié au framework Bulma, nous allons nous attarder sur la mise en forme des différents éléments qui constituent un formulaire HTML !

Au programme de ce tuto Bulma : les formulaires

Nous allons apprendre quelles sont les classes à utiliser pour mettre en forme :

  • Les champs input,
  • Les textarea,
  • Les cases à cocher,
  • Les boutons radio,
  • Les menus déroulants.

Nous verrons également comment Bulma permet de mettre en forme les champs input de type file, ceux permettant d'uploader des fichiers.
Nous importerons la librairie fontawesome afin de placer des icônes au sein des champs de formulaire.

Après la théorie, la pratique. Pour conclure cette formation en ligne, je vous propose un petit exercice pratique .
Celui de créer un formulaire de contact en utilisant nos connaissances acquises jusqu'à maintenant !
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.

Pour aller plus loin avec Bulma

Pour accéder aux versions précédentes des autres cours dédiés à Bulma :

Table des matières de cette formation CSS (durée : 1h22m)

  • Les formulaires
    • Le champ input 1/2 00:05:41
    • Le champ input 2/2 00:04:33
    • Label et champ input, mise en page 00:08:50
    • Ajout d'icônes 00:09:20
    • Le textarea gratuit 00:04:59
    • Le select 00:05:00
    • Ajout d'un icône au select 00:04:08
    • La case à cocher 00:02:22
    • Le bouton radio 00:01:49
    • Le bouton de type file 1/2 00:06:04
    • Le bouton de type file 2/2 00:04:45
  • Exercice
    • Présentation du job gratuit 00:01:11
    • Mise en place du header 00:06:19
    • Mise en place du champ NOM 00:07:15
    • Mise en place l'icone USER 00:02:07
    • Mise en place du champ EMAIL 00:02:23
    • Mise en place du textarea et du bouton 00:04:31
  • Conclusion
    • Conclusion 00:01:15



Formateur : Carl Brison

Carl Brison a publié 304 tutoriels et obtenu une note moyenne de 4,9/5 sur 18 524 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

5,0
note moyenne

1
avis laissé
5 étoiles
1
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • Avec quelle version de logiciel ce tuto est-il compatible ?
    Bulma
  • Que contient le fichier source ?
    Le code source de l'exercice.
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
Parcours Developpeur Front End
accédez à plus de 1420 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données