CATALOGUE Code & Data Formation Web App Créer une Web App Création de formulaires adaptés aux smartphones

Création de formulaires adaptés aux smartphones

Réaliser un formulaire pour smartphone
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Créer une Web App
Revoir le teaser Je m'abonne
Transcription
59,90€ 35,94€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
59,90€ 35,94€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Formulaire de panier avec balises spécifiques

Objectifs

Les objectifs de cette vidéo sont d'apprendre à :

  • Utiliser les balises HTML spécifiques aux smartphones.
  • Créer des formulaires structurés avec des champs variés.
  • Améliorer l'accessibilité et l'apparence des formulaires grâce au CSS.

Résumé

Découvrez comment créer des formulaires optimisés pour les smartphones en utilisant des balises HTML spécifiques telles que input type mail et input type url.

Description

Dans cette leçon, nous allons voir comment créer une page panier qui, contrairement aux paniers classiques des sites de commerce en ligne, se concentre sur la mise en place d'un formulaire utilisant diverses balises HTML adaptées aux smartphones. Nous aborderons l'utilisation de balises input de types spécifiques comme mail, url, tel et number. Ces balises permettent d'afficher différents formats de claviers sur les smartphones, facilitant ainsi la saisie de l'utilisateur.

Nous commencerons par mettre en place la structure de base du formulaire en utilisant une balise FORM avec une action pointant vers un script de traitement, puis nous ajouterons divers champs tels que nom, prénom, email, numéro de téléphone et d'autres informations importantes comme l'URL du site internet et un pseudo numéro de carte bleue. Toutes ces balises seront encapsulées dans une liste non ordonnée pour un alignement facile des éléments.

Ensuite, nous verrons comment améliorer l'apparence du formulaire en ajustant l'espacement entre les éléments via le CSS. Enfin, nous testerons le formulaire dans un simulateur pour nous assurer qu'il s'affiche correctement et que toutes les fonctionnalités sont opérationnelles.

Voir plus

Questions fréquentes

Pourquoi utiliser des balises input spécifiques aux smartphones ?
Utiliser des balises input spécifiques permet d'améliorer l'expérience utilisateur en affichant des claviers optimisés pour différentes saisies sur les smartphones.
Quel type de balise input utiliser pour une adresse email ?
Vous devez utiliser la balise input type='email' pour les adresses email, ce qui affichera un clavier avec des symboles spécifiques aux adresses email sur un smartphone.
Quels sont les avantages d'utiliser une structure de formulaire avec une balise UL ?
Utiliser une balise UL permet d'aligner facilement les différents éléments du formulaire les uns en dessous des autres, améliorant ainsi la lisibilité et l'organisation du contenu.

Programme détaillé