Maison >Java >javaDidacticiel >Quels points de connaissances HTML et CSS sont impliqués dans Java Web ?

Quels points de connaissances HTML et CSS sont impliqués dans Java Web ?

王林
王林avant
2023-04-23 14:49:141572parcourir

1.HTML

1.1 Balise de formulaire : form

La balise form crée un formulaire sur la page html La balise form n'affiche rien sur le navigateur. Si les données doivent être soumises au serveur, la balise chargée de collecter les données doit être placée dans le contenu du corps de la balise du formulaire.

Attribut d'action : demander le chemin, déterminer l'adresse (chemin) où le formulaire est soumis au serveur

Attribut de méthode : méthode de requête. Valeurs couramment utilisées : get, post

  get : Valeur par défaut

Les données soumises sont ajoutées au chemin de la demande. Par exemple : /1.html?username=alex&password=1234, format de données k/v, ajoutez en utilisant la connexion ?, puis utilisez & connexion pour chaque paire de données

La longueur du chemin de requête étant limitée, toutes les requêtes get soumettent des données limitées.

Message:

Les données soumises ne sont plus ajoutées au chemin de la demande (ni affichées dans la barre d'adresse)

La taille des données soumises n'est pas affichée

<body>
      <!-- 表单 -->
      <form action="" method="">
            <!-- 此处的内容可能被提交到服务器 -->
      </form>
      <!-- 此处的内容在<form>标签外部,此处数据不能提交到表单 -->
</body>

1.2 Libellé du champ de saisie : input

La balise est utilisée pour obtenir les informations d'entrée de l'utilisateur. La valeur de l'attribut de type est différente et la méthode de collecte est différente. Balises les plus couramment utilisées.

Les attributs de rype

texte : zone de texte, un champ de saisie sur une seule ligne dans lequel l'utilisateur peut saisir du texte. La largeur par défaut est de 20 caractères

Mot de passe : zone de mot de passe, champ de mot de passe. Les caractères de ce champ apparaissent dans des cercles noirs.

radio : bouton radio, représentant l'un d'un ensemble de boutons d'option mutuellement exclusifs. Lorsqu'un bouton est sélectionné, le bouton précédemment sélectionné n'est plus sélectionné.

Soumettre : bouton Soumettre. Le bouton Soumettre envoie les données du formulaire au serveur. Généralement, l'attribut name n'est pas écrit, sinon le mot « soumettre » sera soumis au serveur.

Parce que différents projets nécessitent des champs différents, je n'ai pas écrit tous les éléments du formulaire. L'utilisation des balises suivantes doit également être maîtrisée par tout le monde.

   case à cocher:case à cocher

Filee : composant de téléchargement de fichiers, permet de "parcourir", appuyez pour sélectionner le fichier à télécharger.

Caché : Champ masqué, les données seront envoyées au serveur, mais le navigateur ne les affichera pas.

Réinitialiser : bouton de réinitialisation. Restaurez le formulaire aux valeurs par défaut.

Image : bouton de soumission d'image, définissez l'image du bouton via src.

Bouton : bouton commun, souvent utilisé en combinaison avec JavaScript.

name : nom de l'élément. Si vous devez soumettre des données de formulaire au serveur, vous devez fournir la valeur de l'attribut name. Le serveur obtient les données soumises via la valeur de l'attribut.

Valeur : définissez la valeur par défaut de la balise d'entrée. Les boutons de soumission et de réinitialisation soumettent des données

taille : taille

Attribut coché : le bouton radio ou la case à cocher est sélectionné.

readonly : s'il est en lecture seule

désactivé : s'il est disponible

maxlength : La longueur maximale autorisée pour la saisie

1.3 Libellé de la liste déroulante : sélectionnez

Disponible pour des sélections simples ou multiples. Vous devez utiliser la sous-balise

attribut name : le nom envoyé au serveur

Attribut multiple : n'écrivez pas la sélection unique par défaut, la valeur est "multiple" pour indiquer une sélection multiple

Attribut de taille : lors de la sélection de plusieurs éléments, le nombre d'options visibles.

  sélectionné : Vérifiez l'élément de liste actuel

Valeur : la valeur de l'option envoyée au serveur.

1.4 Étiquette de la zone de texte : textarea