L'essentiel du HTML5

Aborder le principe des formulaires

Testez gratuitement nos 1247 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Avant d'entrer plus dans le détail des éléments de formulaire, vous devez bien comprendre la mécanique mise en œuvre pour leur gestion. Étudiez cela à partir du moment où ils sont déposés sur la page, jusqu'à leur stockage sur le serveur.
02:51

Transcription

Avant d'aborder les diverses balises disponibles en html 5 concernant les formulaires, il est important de comprendre quel est le principe du formulaire et comment un formulaire fonctionne-t-il lorsqu'il est placé sur le web. Un formulaire, c'est simplement une série de cases à saisir, des informations à remplir par l'utilisateur. Généralement un fichier html. Mais ce fichier peut être déposé sur tous types de périphérique. Qu'il s'agisse d'ordinateur de bureau de tablette ou d'appareil mobile. Et ça a son importance, justement, parce qu'on aura pas forcément accès à un clavier, une souris, pour pouvoir travailler dans les champs du formulaire. Alors, une fois les données saisis par l'utilisateur, celles-ci vont être envoyées vers un serveur, mais avant d'être envoyé, il va y avoir une première vérification possible. Pour savoir si, déjà, les informations correspondent bien au type demandé. Si c'est un email, est-ce que c'est bien un email ? Si c'est un numéro de téléphone, est-ce qu'il est formaté suivant le code du pays ? Ça peut être ce genre de vérification ou savoir si tous les champs ont été remplis par exemple. Donc, cette mécanique qui est mise en place, pourra s'adresser soit à toutes les nouveautés qui ont été apportées par html 5 à ce sujet, soit, si c'est pour des appareil périphériques ou des navigateurs plus anciens, basés sur du javascript, pour venir vérifier ce contrôle en amont. Si le contrôle ne se passe pas, à ce momet là, on renvoie à l'utilisateur un message lui demandant de bien vouloir remplir tel ou tel champ. de bien vouloir formater telle ou telle donnée selon un critère. Une fois que les données sont validées, elles vont pouvoir être injectées vers un serveur. Alors sur le serveur, généralement, il y a un script qui peut être soit en php, en asp, en confusion, peu importe le code qui va être utilisé côté serveur. Ici, je l'illustre par du php mais ça peut être tout type de langage codé serveur, y compris le javascript. À ce moment-là, ces données vont être injectées vers un système de répartition. On pourra trier des fichier par exemple, s'il s'agit d'un CV ou d'éléments envoyés sous forme PDF ou autre. De les classer dans un dossier particulier. Si c'est du texte, de l'injecter dans une base de données. Si ce sont des images, de les déposer dans un dossier images. Et tout autre type de données. Quelque soit les données envoyées, toutes vont être envoyées dans une base de données ou un système de stockage. Une fois ces informations bien stockées, à ce moment là, un message va être renvoyé vers le poste client pour dire, vos données ont été prises en compte, on vous contactera plus tard. Ce qui est important de comprendre, c'est que ce contrôle en amont peut également être réalisé ici, au niveau du php, pour être sûr d'injecter les bonnes données au bon endroit. Et est-ce que ces données correspondent bien à celles attendues. Donc, une fois qu'on a bien capté tout ce principe là, nous n'aborderons pas cette partie là, qui n'incombe pas html. nous regarderons la partie html de la génération des formulaires. Et les vérifications qui peuvent être apportées côté html, au niveau de html 5.

L'essentiel du HTML5

Préparez la structure de vos sites web de manière évolutive, sémantique, et accessible à tous avec le HTML5. Abordez la gestion du texte, les balises et les attributs, etc.

5h13 (63 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Date de parution :29 juin 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 !