Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

L'essentiel de Muse CC 2015

Ajouter des champs personnalisés dans un formulaire

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Vous allez créer un second formulaire plus complexe. Vous allez ensuite explorer les options de création de champs supplémentaires.

Transcription

Maintenant que vous êtes familier avec la création d'un formulaire de contact simple, et bien je vous propose de créer un second formulaire dans notre site qui lui sera un petit peu plus complexe, puisque nous allons y ajouter des champs personnalisés. Alors je suis ici sur la page réservation de mon site, je vais me rendre directement dans ma bibliothèque de widgets et je vais de nouveau aller chercher un formulaire de contact je vais commencer par un formulaire de contact simple que je vais glisser sur cette page et puis je vais mettre en place les options principales de ce formulaire, donc je vais lui donner un nom, je vais l'appeler Formulaire Réservation par exemple. Ou réservation tout court, Envoyer les données de ce formulaire à l'adresse info@cheminvert.be et après l'envoi du formulaire, plutôt que de rester sur la page, je vais rediriger mes internautes vers la page Merci qui se trouve dans le chapitre Réservation du site, voila pourquoi j'avais besoin de cette page. alors voila donc mon formulaire qui est ici, vous connaissez ce formulaire, il contient les mêmes champs que le formulaire qu'on a fait dans la vidéo précédente. alors j'aurais envie d'ajouter certains champs à ce formulaire. Pour ça, je vais chercher les options de ce formulaire comme ici, et puis je peux rajouter des champs préfabriqués, comme par exemple ici en numéro de téléphone en plus, vous voyez que le champ est déjà préfabriqué et et s'ajoute au formulaire, et puis si j'ai envie de rajouter des champs plus personnalisés, et bien j'ai à ce moment là, la possibilité de le faire ici dans le fond de cette boite. Alors je peux rajouter différents types de champs personnalisés, des champs texte sur une ligne, des champs texte multi-lignes, des cases à cocher, des groupes de case à cocher, ou des groupes de bouton radio. Alors je vais commencer par un champ texte sur une seule ligne, vous voyez que j'ai ici un champ de texte personnalisé qui apparaît dans mon formulaire, à moi maintenant d'aller sélectionner ici l'étiquette et de remplacer le texte de cette étiquette, par exemple nombre de menus de la mer, changer également le texte ici qui se trouve à l'intérieur du champ, Entrez le nombre de menu, Comme ceci, je vais re-sélectionner maintenant l'ensemble de mon formulaire, Voila, retourner dans les options et de nouveau ici aller chercher un champ texte personnalisé sur une seule ligne, pour entrer le nombre de menus de la campagne. Voila, alors du coup vous voyez que là, l'étiquette n'est pas assez large, alors c'est pas très grave, je vais venir l'élargir ici, comme ceci. et j'écris Campagne comme ceci. Alors vous voyez que quand j'ai agrandi mon étiquette et bien j'ai agrandi en réalité l'étiquette de l'ensemble des champs de mon formulaire, alors pourquoi j'ai fait ça, tout simplement parce que dans les options de mon formulaire et bien l'option Modifier ensemble est coché et donc toutes les modifications que j'apporte à l'un des champs et bien je les propage à l'ensemble des champs du formulaire. Alors maintenant, j'ai envie d'insérer un champ supplémentaire, et ce champ ce ne sera plus un champ texte, ce sera un groupe de boutons radio. Alors des boutons radio, qu'est que c'est, et bien qu'on a crée un groupe de boutons radios, il y en a toujours au moins deux, il s'agit de pouvoir choisir l'une des options du groupe. C'est à dire que quand vous choisissez un bouton radio, et bien ça va automatiquement dé-sélectionner celui qui serait sélectionné à ce moment là, alors je vais vous montrer comment ça marche, donc je clique sur le petit + ici, et j'ai un groupe de boutons radio donc qui s'insère ici dans mon formulaire, je vais évidemment leur donner une légende, alors ici je vais mettre Choisissez votre service. Voila, et puis ici, changer de texte, je vais mettre Service de 18 heures et puis je vais mettre Service de 20 heures, voila. Alors si je passe dans le mode aperçu, et bien vous allez tout de suite voir ce que ça donne au niveau des boutons radio, voila, je vais abaisser ceci. Donc vous voyez que quand je sélectionne l'un des boutons radio, et puis que je change d'avis, et bien le premier bouton se dé-sélectionne et donc je ne peux choisir que l'une des deux options de ce champ. Alors je pourrais éventuellement avoir besoin, ce n'est pas le cas ici, d'insérer un 3ème bouton radio dans mon groupe, dans ce cas là, et bien je vais sélectionner tout simplement ici le groupe de boutons radio donc le premier clic rappelez-vous sélectionne le formulaire, c'est écrit ici en haut à gauche, le second clic sélectionnera le groupe de boutons radio, et donc maintenant, cette petite icône bleue, me donne accès aux options de ce champ là en particulier avec le petit + ici, qui vous permettrait vous voyez, d'ajouter des boutons radio supplémentaires à votre groupe, chose que je n'ai pas besoin ici dans ce formulaire donc je vais sélectionner ces boutons radio maintenant de manière individuelle, et les supprimer tout simplement par la touche Suppression du clavier. Voila, alors si je retourne dans les propriétés de ce formulaire ici, dans les options et bien vous voyez que je peux encore ajouter d'autres types de champs, voila nous y sommes. Notamment des cases à cocher, des groupes de cases à cocher ou des champs texte multi-lignes. Je n'en ai pas besoin dans le cadre de cet exemple mais c'est toujours le même principe, donc vous allez cliquer sur le petit + ici, ça va faire apparaître un champ supplémentaire dans votre formulaire et vous devrez personnaliser les étiquettes de ce champ bien évidemment. Voila, vous savez maintenant créer un formulaire un peu plus complexe, qui répond entièrement à vos besoins, le reste ma foi c'est de la mise en page, et de la mise en forme comme nous en avons parlé dans la vidéo précédente.

L'essentiel de Muse CC 2015

Créez des sites web riches et dynamiques sans aucune compétence en programmation avec Muse. Gérez les plans et les calques, mettez en place une navigation entre vos pages, etc.

3h50 (44 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Thématiques :
Design web
Standards du web
Spécial abonnés
Date de parution :21 juil. 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !