Notes d'étude du formulaire HTML

Qu'est-ce qu'un formulaire ?

Un formulaire Web peut envoyer les données saisies par l'utilisateur au serveur pour traitement. Étant donné que les utilisateurs Internet remplissent les formulaires à l'aide de cases à cocher, de boutons radio ou de champs de texte, les formulaires Web ressemblent à des fichiers ou à des bases de données. Par exemple, les WebForms peuvent être utilisés pour saisir des informations d'expédition ou de carte de crédit pour commander des produits, ou peuvent être utilisés pour récupérer des données (par exemple, une recherche sur un moteur de recherche). En termes simples, il s'agit de collecter des informations sur les utilisateurs

Ceci est un formulaire

Le workflow du formulaire : l'utilisateur ouvre la page—>remplit le formulaire et le soumet—>le conditionne selon la méthode correspondante et l'envoie à un serveur—>le serveur le reçoit et le transfère au programme correspondant pour traitement

framework de base : Ajouter un élément de formulaire

balise de saisie du formulaire Syntaxe :

Attributs : Nom : nom, le serveur l'identifie par son nom Groupe, le même groupe a besoin du même nom

Maxlength : Spécifiez la longueur maximale de saisie

Taille : La taille de la zone de texte, en caractères, la valeur par défaut est 20

valeur : valeur par défaut, contenu soumis au serveur

espace réservé : texte d'invite

type :

texte : saisie texte, attributs :

mot de passe : case Mot de passe, le mot de passe sera masqué automatiquement

fichier : télécharger le fichier, le contenu affiché est lié au navigateur

radio : bouton radio , les options qui doivent être sélectionnées par radio doivent avoir le même nom et seront renvoyées au serveur pour identifier ce qui est sélectionné, ajoutez une case cochée pour déterminer l'option par défaut.

checkbox : case à cocher, similaire aux règles radio.

Bouton : coopérer avec js pour fournir des actions, et le bouton de valeur affiche le contenu

Subm : bouton Soumettre, coopérer avec js pour envoyer un formulaire dans un formulaire au serveur et le bouton de valeur affiche le contenu

Réinitialiser : restaure le formulaire dans un formulaire à l'état par défaut, et le bouton de valeur affiche le contenu

Masqué : champ masqué, l'utilisateur ne peut pas le voir et la valeur est transmise au serveur.

image : Soumission du domaine d'image, la même fonction que submit, src contient l'adresse de l'image.

Menu déroulant et étiquette de liste Syntaxe

Contenu sélectionné 🎜>

attributs de l'option :

taille : la quantité affichée, si elle est supérieure à 1, elle sera affichée sous forme de liste.

multiple : vous pouvez appuyer sur ctrl pour effectuer plusieurs sélections, et le menu déroulant se transforme en un formulaire de liste

sélectionné : valeur par défaut

option Rico ajoute

Le champ de texte multiligne est fondamentalement le même que le texte de , plusieurs Les attributs cols et rows sont ajoutés. row contrôle le nombre de lignes affichées et cols affiche la largeur.

Attributs du formulaire

action

: La destination, l'URL ou le fichier serveur envoyé par le formulaire. Méthode : spécifiez comment envoyer le formulaire au serveur. Il existe deux méthodes : get et post. La valeur par défaut est get

GET : utilisez l'URL comme paramètre de transmission (l'URL renvoyée peut). voir le contenu du formulaire), il existe également des limites sur la quantité d'informations envoyées et sont généralement utilisées pour obtenir des informations sur l'utilisateur.

POST : Les données du formulaire font partie du contenu de la requête HTTP. Il n'y a pas de limite sur la quantité d'informations envoyées. Elles sont généralement utilisées pour modifier les ressources sur le serveur.

nom : le nom du formulaire.

Traget : Où ouvrir l'action Paramètres URL : _blank, _self, _parent, _top

enctype : Comment encoder avant d'envoyer le formulaire, les paramètres sont : 1 : Méthode par défaut application/x -www -form-urlencoded 2:multipart/form-data 3:text/plain