Formulaires HTML5 - Nouveaux types de données - Partie 2

Table des matières

Dans le tutoriel précédent, nous avons commencé par les nouveautés de HTML5 dans la gestion des données de formulaire. Nous continuerons à expliquer quelques autres fonctionnalités qui nous permettront de gagner beaucoup de temps de développement.
L'attribut requis :
L'attribut requis ou requis dans un élément sera défini sur a et obligera automatiquement l'utilisateur à remplir le champ pour continuer, c'est-à-dire que le navigateur n'autorisera pas l'envoi du formulaire sans que l'entrée avec cet attribut ne soit vide.
 Nom: 

L'attribut requis fonctionne avec les types d'entrée : texte, recherche, URL, tél, e-mail, mot de passe, sélecteurs de date, numéro, case à cocher, radio et fichier.
Il peut être combiné avec jquery.validate.js pour pouvoir configurer les messages de réponse et les événements à exécuter. Nous pouvons voir un exemple dans le formulaire Valider avec le tutoriel Jquery
L'un des plus gros problèmes avec HTML5 est que tous les éléments ne sont pas compatibles avec les navigateurs actuels, nous devons donc vérifier lesquels sont compatibles et lesquels ne le sont pas avant de faire notre développement et ne pas être surpris que ce que nous voulons utiliser plus tard ne fonctionne pas .
À partir du lien suivant, nous pouvons vérifier la compatibilité de HTML5 avec les navigateurs, nous pouvons voir un graphique complet pour déterminer si ce que nous voulons utiliser fonctionne ou non. Selon l'élément ou le libellé à utiliser
Stockage de données ou stockage Web avec HTML5
Avec HTML5, les pages Web peuvent stocker des données localement dans le navigateur de l'utilisateur.
Avant, cela se faisait avec des cookies. Cependant, le stockage Web est plus sécurisé et plus rapide. Les données ne sont pas incluses avec chaque demande du serveur, mais ne sont utilisées que sur demande. Il est également possible de stocker de grandes quantités de données, sans affecter les performances de la page Web.
L'un des grands avantages de cette méthode de stockage est qu'elle nous permet d'avoir des données sécurisées et, entre autres, elle nous offre de grandes possibilités de travailler avec des pages et des applications fonctionnant hors ligne, sans accès à Internet.
Les données sont stockées dans des paires nom> valeur, et une page Web ne peut accéder aux données stockées que par elle-même.
Contrairement aux cookies, la limite de stockage est beaucoup plus élevée, cela fonctionne comme une base de données locale.
Vous pouvez avoir 2 types de stockage
  • Stockage local: Les données stockées n'ont pas de date d'expiration, elles resteront disponibles indéfiniment (l'objet localStorage est utilisé)
  • Stockage des sessions : Les données stockées ne seront disponibles que pendant la session de navigation, à sa fermeture, elles disparaîtront (l'objet sessionStorage est utilisé)
Exemple simple de stockage de données
 Stockage des données Stockage Web Il sera enregistré localement :
Il sera enregistré dans une session :Enregistrer Récupérer
Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif
wave wave wave wave wave