✅ Formulaires en HTML5 - Nouveaux types de données

Table des matières

Un des problèmes que nous avions avec la version précédente de HTML c'est à dire 4, était la validation puisqu'il fallait utiliser une autre technologie pour sa validation, bien sur avec Javascript on a donné la touche qu'il fallait pour donner ce qui manquait à ces formulaires .
Dans HTML5, cela a été résolu depuis que de grandes améliorations ont été apportées pour sa propre validation et d'autres pour sa manipulation facile en elle-même pour paraître plus attrayante.
Dans ce chapitre, nous allons voir un petit échantillon des nouvelles fonctionnalités des formulaires en HTML5. Et on comprendra que ses nouvelles fonctionnalités sont très importantes pour le web d'aujourd'hui.
Maintenant, gardez à l'esprit que tous les navigateurs ne prennent pas en charge ces nouvelles fonctionnalités et ceux qui affichent les résultats à leur manière, mais commençons :
Nous savons tous que l'étiquette spécifie un champ de saisie dans lequel l'utilisateur peut saisir des données. Eh bien, en HTML5, nous voyons qu'il a plusieurs types d'entrée ou. Ces nouvelles fonctionnalités permettent un meilleur contrôle de saisie et de validation.
Type de données
: spécifie que l'utilisateur doit remplir le champ avec du texte
: précise que l'utilisateur doit remplir le champ avec un email valide
: spécifie que l'utilisateur doit remplir le champ avec l'url
: spécifie que l'utilisateur doit remplir le champ avec une couleur
: précise que l'utilisateur doit renseigner le champ avec une date
: spécifie que l'utilisateur doit remplir le champ avec l'un des mois
Quelques exemples d'éléments HTML5
Attributs de validation
Les attributs de validation permettent de faire en sorte qu'une zone de texte ou une zone de texte accepte un seul type de données telles que celles mentionnées ci-dessus et HTML5 validera que les données sont correctes, avant qu'il ne faille le faire avec javascript ou jquery.
Un exemple de validation d'un email

 E-mail:

L'attribut Keygen
Chaque fois que nous utilisons un mot de passe, nous aimerions pouvoir le crypter pour plus de sécurité
Le but de l'élément est de fournir un moyen sécurisé d'authentifier les utilisateurs.
L'étiquette spécifie un champ générateur à deux clés sur un formulaire.
Lorsque le formulaire est soumis, deux clés sont générées, une privée et une publique.
La clé privée est stockée localement et la clé publique est envoyée au serveur. La clé publique pourrait être utilisée pour générer un certificat client pour authentifier l'utilisateur à l'avenir ou pour enregistrer en tant que mot de passe dans une base de données ou pour valider des sessions.

 Mot de passe de l'utilisateur:

L'attribut Autofocus
La mise au point automatique fournit un moyen déclaratif de focaliser un contrôle de formulaire pendant le chargement de la page. Auparavant, un développeur devait écrire du Javascript à l'aide de control.focus(). La nouvelle méthode permet au navigateur de faire des choses intelligentes comme ne pas centrer le contrôle si l'utilisateur en tape déjà un autre.