CATALOGUE Code & Data Formation Svelte Apprendre Svelte 3 et SvelteKit 1.0

Gestion des balises Input de type Date, Color, File, DateTimeLocal, Week et Month

Retour à la formation
Chapitre 6 Leçon 4
Précédent
Suivant

Apprenez à gérer les balises Input de types variés avec du binding et des interpolations pour récupérer les valeurs choisies par l'utilisateur.

Détails de la leçon

Description de la leçon

Cette leçon couvre la gestion des nouvelles balises Input dans le cadre de la création de formulaires HTML. Vous apprendrez comment utiliser la directive Bind pour connecter les balises Input à des variables définies dans votre script. Les types abordés incluent Date, Color, File, DateTimeLocal, Week et Month. Les exemples fournis montrent comment la valeur sélectionnée par l'utilisateur est récupérée et affichée à l'aide d'interpolations. La leçon met également en évidence la nécessité de parser certaines valeurs pour qu'elles soient exploitables. Vous verrez comment sélectionner et récupérer une date, une couleur, un fichier, une date et une heure locales, une semaine, et un mois, toutes avec la même facilité.

Objectifs de cette leçon

L'objectif de cette vidéo est de fournir une compréhension pratique de l'utilisation des nouvelles balises Input avec différentes directives de binding pour récolter les données utilisateurs de manière efficace.

Prérequis pour cette leçon

Il est nécessaire de posséder des connaissances de base en HTML et en JavaScript pour suivre cette vidéo.

Métiers concernés

Cette leçon est particulièrement utile pour les métiers de développeur web, designer UX/UI, et intégrateur web cherchant à perfectionner leurs compétences en création de formulaires complexes.

Alternatives et ressources

Outre les balises Input par défaut, vous pourriez envisager des frameworks comme React, Vue.js, ou Angular pour une gestion encore plus poussée des formulaires.

Questions & Réponses

Vous ajoutez une directive Bind en utilisant l'attribut 'bind:value' et vous le connectez à une variable, par exemple 'let D'.
Les types de balises Input abordés sont Date, Color, File, DateTimeLocal, Week, et Month.
Certaines valeurs, comme les dates, nécessitent un parsing pour être manipulées facilement dans le code, par exemple pour des calculs ou des affichages spécifiques.