HTML5 - Création de formulaire

Les formulaires sont des éléments en HTML 5 qui permettent la collecte de données via d'autres éléments enfants, afin de traiter ces données nous aurons besoin d'un langage supplémentaire pour pouvoir utiliser les données envoyées par le formulaire, la balise que nous utiliserons comme un grand conteneur sera forme.
Créer un formulaire de base
Pour générer un formulaire, nous devons utiliser l'étiquette forme Ce sera notre grand conteneur, à l'intérieur nous regrouperons des éléments de saisie de données, un nom de section et des boutons qui indiqueront une action spécifique; les composants de base qui doivent entrer dans le forme ils sont: saisir Oui bouton et les attributs de base qu'il porte sont action Oui méthode Ce ne sont pas les seuls éléments liés, mais ils sont les plus importants car ils définissent la base avec laquelle nous devons travailler.
Voyons ci-dessous comment générer un formulaire de base :

 Exemple Soumettre Vote 

Comme on le voit forme englobe les éléments saisir Oui bouton. Dans ce cas, il utilise également les attributs méthode Oui action dont nous avons parlé précédemment, décrivons chacun d'eux.

• Saisir: Cet élément nous permet de capter des informations que l'utilisateur de notre page va saisir sous forme de texte, il possède plusieurs attributs dans le cas de notre exemple que nous utilisons uniquement patate douce, cet attribut permet d'attribuer un identifiant à l'élément, cela signifie que lorsque nous l'envoyons au serveur, nous pouvons utiliser certaines méthodes pour obtenir les informations capturées, il est donc important que le patate douce être unique dans un formulaire.

• Bouton: Cet élément nous permet de créer un bouton sur le formulaire, généralement ce sont les boutons qui vont nous dire que lorsqu'on les appuie le formulaire sera traité, dans le cas de notre exemple on ne place aucun attribut, donc quand on appuyez dessus, rien ne se passera.

• Méthode: C'est un attribut de la balise forme, Il est d'une importance vitale puisque c'est lui qui indique la manière dont les informations utilisateur collectées par le formulaire seront transmises, il peut avoir deux valeurs PUBLIER Oui AVOIR.

Le premier enverra les données via http afin que nous puissions envoyer les données de manière cachée et que seule la page de destination puisse les recevoir, cette méthode est assez sûre et nous permet d'envoyer les données sensibles du formulaire.
La seconde enverra les données en paramètres dans l'url, ce n'est pas très sécurisant car n'importe qui avec un minimum de connaissances pourrait interpréter ce qui est envoyé et peut-être tenter de modifier l'information, il sert généralement à passer des données peu sensibles, comme une page de liste, un état de contrôle qui n'affecte pas le programme, des identifiants de requête, etc.

• Action: Cet attribut contrôle la page vers laquelle le formulaire ira, c'est-à-dire qui recevra les données. Si le formulaire est omis, il sera envoyé à la même page qui le contient.

Voyons ensuite ce que notre exemple de base a produit pour nous.

Comme nous pouvons le voir, il s'agit d'un champ de saisie de texte et d'un bouton sans rien de plus, cela nous permet de l'envoyer vers une autre page où nous pouvons le traiter avec un langage de programmation.
Avec cela, nous concluons le tutoriel, nous avons déjà une idée de la façon de construire des formulaires de base, quels éléments sont essentiels et le but de leurs attributs.
Si vous souhaitez aller plus loin, jetez un œil à mon autre tutoriel :
Formulaires avancés en HTML5Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif