Les formulaires HTML - Comment programmer avec Java

Nous sommes tous familiers avec les formes droite?

Nous avons probablement tous rempli des centaines de formes dans nos vies.

Les formulaires de demande pour un permis de conduire.

Les formulaires pour renouveler notre permis de conduire.







Les formulaires de demande pour l'assurance maladie.

Vous avez l'idée.

Le point est que toutes ces formes ont une chose en commun. Ils sont un moyen pour nous d'organiser des questions d'une manière que nous recueillons des données de personnes.

Et quand on parle de formulaires HTML, les choses ne sont pas différents!

Quels sont les formulaires HTML utilisé?

HTML Les formulaires sont utilisés comme une sorte de « conteneur » qui abrite tous les éléments d'entrée utilisés pour recueillir des données d'un utilisateur. Vous pouvez penser à un formulaire HTML comme le morceau de papier qui abrite toutes les cases que vous devez remplir lorsque vous renouveler votre licence.

Sans ce morceau de papier, la forme serait inutile. C'est un peu comme un formulaire HTML. Si nous n'avons pas utilisé réellement des formulaires HTML, tous les éléments d'entrée ne serait pas vraiment faire quelque chose.

Les formulaires HTML sont utilisés comme moyens de fournir les données de la page HTML à un serveur de quelque sorte. Une fois que les données sont transmises à un serveur, le serveur peut alors prendre les données et faire quelque chose avec elle (je l'espère quelque chose d'utile).

Étant donné que l'information doit être livré à un serveur (le plus souvent un serveur web), des formulaires HTML exigent que vous leur dire où envoyer les données à l'aide d'une propriété d'action dans la balise de formulaire. C'est là que vous allez spécifier l'URL où les données doivent être envoyées ... alors vous avez idéalement un serveur exécutant Web et « écoute » sur cette URL afin qu'elle puisse recevoir les données.

En Java, nous utilisons le framework Spring avec les contrôleurs pour mettre en place ce flux de travail. L'URL dans la propriété d'action pointera vers un contrôleur de ressort qui est programmé pour recevoir les données HTML. Nous avons parlé un peu de contrôleurs Spring back dans l'épisode 34 du podcast.

Comment coder en HTML Forms

Bon, maintenant que vous obtenez les concepts sous-jacents des formulaires HTML, regardons la syntaxe!

Dans cet exemple, je vais créer une forme qui hypothétiquement gérer un champ login / mot de passe utilisateur avec un bouton d'envoi ... malheureusement, le code actuel ne fonctionnera pas, car je ne l'ai pas relié à un serveur Web.







Voici à quoi ressemblera le code ci-dessus:

Bon, comme je l'ai mentionné, lorsque vous cliquez sur le bouton « Soumettre », il fait essayer de soumettre les données saisies dans les champs d'entrée nom d'utilisateur / mot de passe ... Mais, puisque je n'ai pas de code mis en place pour recevoir données via l'URL d'action spécifiée, il vous suffit de recevoir une erreur indiquant que la page n'existe pas. Cependant, si je * * avais créé un contrôleur qui a été « écoute » pour les données sur cette URL, je aurais pu traiter tous les noms d'utilisateur / mots de passe entrés dans les champs de saisie.

Droit assez soignée?

Html Méthode formulaire post vs Get

Ce qui était à ce sujet?

Eh bien en ce qui concerne les formulaires HTML, vous avez la possibilité d'utiliser deux méthodes permettant de « soumettre » à votre serveur Web de données du formulaire. Obtenez ou Post.

OBTENIR. est utilisé lorsque les données que vous soumettez n'est pas sensible. L'exemple commun est quelque chose comme une recherche Google. Si vous ne avez pas besoin des données à « cachées » de l'utilisateur, vous pouvez utiliser une requête GET. Voici ce que cela ressemblerait à notre exemple précédent:

Voici ce que cela ressemblerait à ceci:

La seule différence dans le code ci-dessus est que nous utilisons la méthode « GET ». tout le reste est identique.

On peut se demander pourquoi la méthode « GET » est moins sûr ... eh bien, il est moins sûr, car il envoie les données des champs de formulaire que vous avez rempli dans l'URL elle-même.

Si ce code a été correctement relié à un serveur Web et que vous avez cliqué sur le bouton « Soumettre », vous verriez apparaître l'URL suivante dans votre navigateur:

L'URL ci-dessus fait l'hypothèse que vous aviez tapé dans la valeur « trevor » comme nom d'utilisateur et la valeur « myPassword » pour le champ de mot de passe.

Cela dit, lorsque vous avez des données sensibles (comme dire un nom d'utilisateur et mot de passe), il est recommandé d'utiliser un POST lors de la création d'un formulaire.

Lorsque vous avez besoin de soumettre des données à partir d'une page Web à un serveur ... formulaires HTML sont la voie à suivre!

Il y a quelques autres options que vous avez lorsque vous utilisez des formulaires. Un exemple d'un scénario hors du commun serait quand vous voulez soumettre autre chose que les données tapées, comme par exemple, vous voulez télécharger une photo. Pour cela, vous devrez spécifier un autre propriété enctype pour votre formulaire.

Pour une liste complète de toutes les choses que vous pouvez faire avec des formes, il suffit de visiter les W3Schools via ce lien.

Et comme toujours, ne pas oublier de vous inscrire à notre liste d'email en soumettant les informations appropriées dans le formulaire ci-dessous. Je ne manquerai pas de vous envoyer un cadeau spécial quand vous faites! Je suis cool comme ça # 128521;

Avoir une bonne!

Comment puis-je obtenir les détails à afficher sur la barre d'adresse en utilisant Java. Je fais un programme pour valider les informations de connexion à l'aide de Java et HTML uniquement (pas de langage de script).

Je suis en train de faire une ligne de base de données. pls comment puis-je obtenir la sortie d'une forme à partir d'une plate-forme en ligne. Je Programmimg avec HTML

toujours je l'habitude de lire des articles plus petits ou les commentaires qui ainsi clairement leur motivation, et ce qui se passe aussi avec ce poste que je lis ici.







Articles Liés