Les formulaires HTML sont un outil très puissant pour interagir avec les utilisateurs, mais pour des raisons techniques, il n'est pas toujours évident de savoir comment les utiliser à leur plein potentiel. La simple soumission de données ne suffit pas dans ce cas - vous devez également vous assurer que les données que les utilisateurs remplissent dans les formulaires seront envoyées dans le format correct qui est nécessaire pour qu'elles soient traitées avec succès et que cela n'interrompra pas les applications existantes. Il est également important d'aider les utilisateurs à remplir correctement les formulaires et à ne pas être frustrés lorsqu'ils essaient d'utiliser des applications.
La balise est utilisée pour créer un formulaire HTML. Il ne crée pas réellement de marge, mais est utilisé comme conteneur parent pour des éléments tels que. Que vous souhaitiez créer un simple formulaire d'abonnement avec paiement et paiement réguliers, ou des applications Web interactives, vous devrez utiliser des balises d'élément HTML pour fonctionner, dont la plus importante est.
Quelle normeFormulaires HTML
Les formulaires HTML ont été inventés et largement normalisés avant l'avènement du JavaScript asynchrone et des applications Web complexes. Aujourd'hui, des entrées de formulaire, des boutons et d'autres mécanismes d'interaction sont utilisés, mais au cœur de cela se trouve un système basé sur le paradigme de requête et de réponse
Lorsqu'un utilisateur charge une page, une requête http est envoyée (généralement une requête dite GET). Il est envoyé par votre navigateur au serveur, et généralement le serveur répond avec la page Web que l'utilisateur recherche. Cette interaction est l'un des concepts les plus fondamentaux d'Internet. Et cela explique exactement comment fonctionnent les formulaires HTML.
Le processus d'échange d'informations avec le serveur
Chaque, qui comprend des éléments tels que, est situé à l'intérieur et a un attribut de nom (name), ainsi que sa valeur. La valeur est définie de différentes manières. Pour le texte, ce sera la valeur qui a été saisie dans le champ par l'utilisateur du site. Pour un bouton radio, la valeur de l'option sélectionnée. L'utilisateur peut définir la valeur, mais le plus souvent ne peut pas définir l'attribut name. Cela crée un ensemble de paires nom/valeur où les valeurs sont déterminées par l'entrée de l'utilisateur.
La principale différence entre un formulaire et un document HTML standard est que, dans la plupart des cas, les données collectées par un formulaire sont envoyées à un serveur Web. Dans ce cas, vous devez configurer un serveur Web pour recevoir et traiter les données. attribut d'action de balisespécifie l'emplacement (URL) où les données collectées doivent être envoyées.
À quoi ressemble la réponse du serveur
Lorsque le formulaire est soumis, les paires nom-valeur et tous les champs de l'élément sont inclus dans HTTP. Une demande est faite à l'URL spécifiée sous la forme de l'attribut d'action. Le type de requête (GET ou POST) sera dans l'attribut method. Cela signifie que toutes les données fournies par l'utilisateur sont envoyées au serveur dès que le formulaire est soumis, et le serveur peut faire ce qu'il veut avec ces données. Lorsque le serveur reçoit une soumission de formulaire, il la traite comme n'importe quelle autre requête HTTP. Le serveur fait ce qu'il doit faire avec les données incluses et renvoie une réponse au navigateur.
Si vous vous souvenez que le chargement de la page est la solution, vous remarquerez que la même chose se produit ici. Dans un formulaire typique créé avec la balise, la réponse est une nouvelle page chargée par le navigateur. En règle générale, la nouvelle page remplace le contenu actuel, mais cela peut être remplacé par l'attribut target. La grande majorité des formulaires en ligne fonctionnent de cette façon, c'est pourquoi l'utilisateur est renvoyé vers une page de remerciement lorsqu'il remplit un formulaire d'abonnement par e-mail.
Applications Web et formulaires sans balise
Les applications Web interactives modernes utilisent du code JavaScript pour effectuer des requêtes http asynchrones. Ce sont des appels au serveur qui ne provoquent pas de rechargement de page. Ils ne reposent pas sur une balise - un élément HTML intégré au comportement. Ils ne combinent pas toutes les données en un seul ensemble.utilisateur et ne les envoyez pas immédiatement. Pour cette raison, de nombreux concepteurs de mise en page HTML + JS dans les applications Web n'utilisent pas la balise sur tous les formulaires. Le plus souvent, ils l'utilisent simplement comme une sorte de conteneur pour divers types de champs et d'éléments de saisie. Dans ce cas, les attributs de méthode et d'action utilisés ne seront pas visibles.
En savoir plus sur les formulaires
Les formulaires HTML sont l'un des points forts de l'interaction d'un utilisateur avec un site Web ou une application. Ils permettent aux utilisateurs de soumettre des données au site. La plupart du temps, les données sont envoyées au serveur Web, mais la page Web peut également les intercepter pour les utiliser seules. Il existe de nombreux éléments liés au formulaire - différents types de boutons, des sélecteurs pour différents types, des mécanismes de rétroaction. Par conséquent, il peut être difficile de décider quelles valeurs attribuer aux attributs de la balise. Lorsqu'il s'agit de créer des formulaires, vous devez les faire fonctionner sur différentes tailles d'écran. Il est important de les rendre accessibles aux personnes handicapées. C'est pourquoi les formulaires et les balises d'attribut sont peut-être l'aspect le plus complexe du HTML.
En quoi consiste la forme
Le formulaire HTML se compose d'un ou plusieurs widgets. Il peut s'agir de champs de texte sur une ou plusieurs lignes, de zones de sélection, de boutons ou de boutons radio. Ils sont le plus souvent associés à un attribut qui décrit leur objectif - correctement mis en œuvre, ils peuvent clairement indiquer aux utilisateurs voyants et aveugles comment accéder au formulaire de saisie. Attributcorrectement associés à leurs attributs for et id, respectivement. L'étiquette for fait alors référence à l'attribut id du widget correspondant, et le lecteur d'écran, en l'utilisant, lira ce qui y est écrit.
Outre les structures spécifiques à la balise, il est important de se rappeler que les formulaires ne sont que du code HTML. Cela signifie que vous pouvez utiliser toute la puissance du HTML pour structurer vos formulaires. Une pratique courante consiste à utiliser la balise pour envelopper les éléments marqués avec
. Les listes HTML sont également largement utilisées; plusieurs cases à cocher ou boutons radio sont utilisés pour la structuration. Après avoir créé les champs de saisie, il reste à ajouter un bouton à l'aide de la balise et à vérifier le résultat. La flexibilité des formulaires HTML en fait l'une des structures les plus complexes du format HTML. Mais avec la bonne structure lors de la création d'un formulaire HTML, vous pouvez vous assurer qu'il est à la fois utilisable et accessible.
