Qu'est-ce qu'un formulaire?
Les formes en HTML sont un moyen important pour les pages HTML d'interagir avec le navigateur. À l'aide du formulaire, le serveur peut collecter des informations pertinentes soumises par le navigateur client, telles que le mot de passe entré, etc. Ils sont une partie importante de la fonction interactive entre le serveur et le navigateur. L'interaction signifie ici un processus d'échange de données les uns avec les autres, comme la transmission du mot de passe que nous avons entré localement au serveur. Quelle que soit la forme du langage que le site Web utilise pour implémenter les fonctions interactives du site Web, telles que ASP, PHP, JSP, etc., les formulaires sont maintenant devenus leur méthode de collecte d'informations unifiée.
La fonction principale d'un formulaire est de collecter des informations, en particulier les informations du spectateur. Par exemple, si vous demandez un e-mail en ligne, vous devez remplir la page du formulaire fournie par le site Web si nécessaire, qui comprend principalement des informations personnelles telles que le nom, l'âge, les informations de contact, etc. Par exemple, si vous souhaitez parler sur un forum, vous devez demander la qualification avant de parler et que vous devez remplir une page de formulaire. Bien sûr, le formulaire est invisible sans regarder le code source, et les utilisateurs ne peuvent pas penser que le formulaire existe.
Les formulaires peuvent être généralement utilisés pour l'enquête, la commande, la recherche et d'autres fonctions. Généralement, les formes sont composées de deux parties. L'un est le code source HTML qui décrit les éléments de forme. Dans le navigateur, nous pouvons trouver cette pièce via le code source. Le second est le script client ou le programme utilisé par le serveur pour traiter le remplissage de l'utilisateur. Ici, il traite principalement les données collectées. Par exemple, le mot de passe obtenu dans l'exemple ci-dessus doit être transmis au serveur pour vérifier si le mot de passe est correct. S'il est correct, il entrera, et s'il est sans erreur, il ne sera pas connecté. Il s'agit d'un processus de traitement. Dans HTML, nous pouvons définir des formulaires et coopérer avec les gestionnaires de formulaires dans les langages de script côté serveur tels que ASP et PHP. Le processus de traitement des informations sur le formulaire est: lorsque nous cliquez sur le bouton soumis dans le formulaire, les informations entrées dans le formulaire seront transférées sur le serveur, puis traitées par les applications pertinentes du serveur. Après le traitement, stockez les informations soumises par l'utilisateur dans la base de données du serveur, soit renvoyer les informations pertinentes au navigateur du client. Examinons de plus près les différents points de connaissance de la forme.
1. Formulaire TAG <form>
Un formulaire se trouve dans une zone spécifique sur une page Web, définie et identifiée par une paire de balises <form>. Les balises <form> ont deux fonctions principales dans les pages Web.
Tout d'abord, vous pouvez définir la portée de sa fonction de la forme, et d'autres marques d'objet de forme doivent être insérées dans la forme. Par exemple, lorsque nous cliquons sur le bouton Soumettre, nous soumettons du contenu dans le cadre du formulaire et que le contenu en dehors du formulaire ne sera pas soumis.
Deuxièmement, il contient les informations pertinentes du formulaire lui-même, comme l'emplacement du programme de script qui traite le formulaire, la méthode de soumission du formulaire, etc. La syntaxe de base et la syntaxe du formulaire sont expliquées comme suit.
Syntaxe de base:
<Form name = form_name méthode = méthode action = url encType = valeur cible = Target_win> ............ </ form>
L'explication de la syntaxe est la suivante:
propriété | décrire |
NOM | Le nom du formulaire |
MÉTHODE | Définissez la méthode de transfert du formulaire du navigateur vers le serveur, en utilisant généralement deux méthodes: obtenir et publier |
ACTION | Définissez l'emplacement du gestionnaire de formulaire, il existe deux types: chemin absolu et chemin relatif. |
Cntype | Définir la méthode d'encodage du formulaire |
CIBLE | Définir la méthode d'affichage des informations de retour |
Parmi les attributs ci-dessus, le nom, la méthode et l'action sont les plus couramment utilisés et sont également la base de l'analyse du programme de script. Ils sont expliqués et expliqués en détail ci-dessous. 1. La syntaxe de base de l'attribut de nom de la balise <form> est: <form name = form_name> …………………… <form> via le nom de formulaire, vous pouvez contrôler la relation entre le formulaire et le gestionnaire de serveur, et utiliser le nom pour déterminer l'identifiant du traitement du programme dans le serveur.
2. La syntaxe de base de l'attribut d'action de la balise <form> est: <Form Action = URL> ……………………… <form> via l'attribut d'action de la forme, l'adresse de la soumission de données sous la forme est définie. Cette adresse peut être un chemin absolu, un chemin relatif ou une adresse e-mail.
Par exemple: <Nom du formulaire = MailAction = Mailto: [email protected]>
3. La syntaxe de base de l'attribut MTHOD de la balise <form> est: <form mthod = méthode> ……………… <form> Il existe deux méthodes à choisir parmi Mthod, l'une est Get et l'autre est post. Lors de la soumission des données via la méthode GET, tous les contenus du formulaire seront annexés après l'adresse URL, séparés par un point d'interrogation. Le format de données de passage est name = valeur. Le nom est le nom des données à passer et la valeur est la valeur à passer. Lorsqu'il y a plusieurs valeurs à passer, les multiples valeurs peuvent être séparées par des symboles et. Par exemple, http: //localhost/haha/haha.asp? Name1 = value1 & name2 = value2. Étant donné que ces données sont derrière l'adresse URL, la durée des informations soumises est limitée et ne peut pas dépasser 8192 caractères. La méthode la plus couramment utilisée est la méthode post-post. Cette méthode contient les données remplies par l'utilisateur dans le corps du formulaire et la transmet au gestionnaire de serveur ensemble. Par conséquent, il n'y a pas de limite de taille pour cette méthode. Lorsqu'il ne spécifie pas quelle méthode, la valeur par défaut est la méthode GET. Après avoir défini la balise Form <form>, vous pouvez ajouter les balises du code qui complète la fonction spécifique. Il y a 4 balises qui peuvent être incluses dans le formulaire, comme indiqué dans le tableau suivant
marque | décrire |
<fort> | Formez des balises d'entrée |
<élect> | Balises de menu et de liste |
<Option> | Tags de menu et d'élément répertorié |
<TextArea> | Marqueurs de domaine texte |
Dans le code HTML, leur organisation est la suivante
<Form> <fort> …………… </fort> <TextArea> …………… </ TextArea> <lect> <Option> ………… </opoption> </lect> </ form>
Pour les balises ci-dessus, les deux technologies de piratage de script les plus fréquentes devraient être <fort> et <TextArea>. Expliquons ces deux balises en détail ci-dessous. 2. Les champs de texte et les boutons que nous utilisons couramment dans les pages Web sont tous utilisés. La syntaxe de base est la suivante:
<form> <input name = field_name type = type_name> </ form>
où le nom est le nom du domaine et du type est le type du domaine. Il peut y avoir de nombreuses valeurs de propriété dans la propriété Type. Parmi eux, les technologies couramment utilisées et étroitement liées aux technologies de piratage sont les suivantes: Texte, mot de passe, fichier, bouton, soumettre, réinitialiser, caché. 1. Texte du domaine texte
La valeur d'attribut de texte est utilisée pour définir la zone de texte du formulaire et entrez tout type de texte, de chiffres et de lettres. Les données d'entrée sont affichées en une seule ligne. Il peut être difficile pour tout le monde de comprendre cela. Je vous donnerai un exemple pour l'illustrer plus tard. Tout d'abord, regardez sa grammaire de base et son explication grammaticale. Syntaxe de base: <Type d'entrée = Nom de texte = Field_Name MaxLength = Value SIZE = Value Value = Field_Value> Interprétation de la syntaxe: Ces explications sont affichées dans le tableau suivant
Attributs de domaine texte | décrire |
NOM | Nom du champ de texte |
Maxlange | Nombre maximum de caractères d'entrée dans le champ de texte |
TAILLE | Largeur du champ de texte (en caractères) |
VALEUR | Valeur par défaut pour le champ de texte |
Il s'agit d'une connaissance de base du domaine du texte. Beaucoup d'amis ne peuvent toujours pas le comprendre. Écrivons un exemple pour illustrer le code ci-dessous:
<html> <éad- head> <itle> insérer le domaine du texte </tapie> </ada> <body> Enquête sur les utilisateurs <formulaire Action = MailTo: [email protected] Méthode = get name = haha> <! - Écriture d'un formulaire pour se connecter en tant qu'adresse e-mail, la méthode est soumiion, le nom est haha -> name: <entrée Type = Text Name = Username SIZE = 20> <! 20 -> Site Web: <entrée type = Nom du texte = URL Size = 20 MaxLength = 50 Value = http: /// <! - Écrivant un domaine de texte avec l'URL du nom, la largeur est de 20 et la longueur d'entrée maximale est 50 La valeur par défaut est http: // -> </ from> </ body> </html>
Après avoir écrit le code, nous modifions le nom du suffixe en HTML et l'exécutons. Comme indiqué dans (figure 1). Pour de telles photos, je crois que tous les amis qui peuvent surfer sur Internet auraient dû les voir.
(Figure 1)
2. Mot de passe du domaine du mot de passeLorsque nous sommes en ligne, par exemple, si nous nous connectons à l'adresse e-mail, nous devons saisir un mot de passe. La boîte d'entrée pour entrer le mot de passe est appelée le domaine du mot de passe, qui est une autre forme du domaine texte. Sa fonction est que tous les articles entrés dans le champ de texte sont affichés avec des astérisques * ou des points. La syntaxe de base est similaire au champ de texte ci-dessus. La différence est que vous avez juste besoin de modifier le texte dans le type de mot de passe. En fonction de l'exemple du champ de texte ci-dessus, ajoutez un mot de passe de code entre les balises <form>: <inpyt type = mot de passe = Mot de passe size = 20 maxLength = 30>, après l'enregistrement, ouvrez le fichier et entrez n'importe quel caractère dans la zone d'entrée de mot de passe pour voir, c'est un point, mais le caractère réel est masqué, comme indiqué dans (figure 2).
(Figure 2)
3. Fichier de domaine de fichier
Le domaine de fichiers nous permet de remplir les fichiers de notre ordinateur local dans le domaine et enfin de les télécharger via le formulaire. Il s'agit de la fonction de base du domaine de fichiers. Le plus utilisé devrait être le téléchargement. En termes d'apparence, le champ de fichiers est une zone de texte et un bouton de navigation. Nous pouvons soit remplir directement le chemin du fichier à télécharger sur le site Web dans la zone de texte, soit cliquez sur le bouton de navigation pour trouver le fichier à télécharger sur notre ordinateur.
La syntaxe de base est
<Input type = file name = field_name> son type est le fichier, le nom est le nom de ce champ de fichier. Écrivons simplement un champ de fichiers, le code est le suivant:
<html> <éad- head> <ititle> champ de texte </Title> </ head> <body> <form> Veuillez télécharger votre photo: <input type = file name = file> </ form> </ body> </html>
Après avoir enregistré, ouvrez-le et vous pouvez voir la vraie face du champ de texte, comme indiqué dans (figure 3). Je crois que tout le monde a vu de telles photos téléchargées.
(Figure 3)
4. Les boutons de la forme boutonale jouent un rôle crucial. Le bouton peut avoir la fonction de soumettre toutes les données du formulaire au serveur et peut restaurer le formulaire à son état initial lorsque l'utilisateur doit modifier le formulaire, et peut également jouer d'autres rôles en fonction des besoins du programme. Les boutons sont généralement divisés en trois types: bouton (bouton normal), soumettre (bouton soumettre) et réinitialiser (réinitialiser le bouton). La syntaxe du bouton normal est <entrée type = name du bouton = field_name Value = Button_text>, où la valeur de la valeur représente le texte affiché sur le bouton. Le but de soumettre le bouton soumettre est de soumettre toutes les données du formulaire au gestionnaire de serveurs après avoir cliqué sur ce bouton. La syntaxe de base est <entrée type = soumider name = field_name value = Button_text>, où la valeur de la valeur représente le texte affiché sur le bouton. Réinitialiser la réinitialisation du bouton signifie qu'après avoir cliqué sur le bouton, toutes les données que nous avons ajoutées au formulaire sont effacées et restaurées aux paramètres de contenu du formulaire par défaut. La syntaxe de base est <entrée type = reset name = field_name value = Button_text>, encore: dans le langage html, la taille est indiscernable. Écrivons brièvement un exemple pour pratiquer l'effet du bouton, le code est le suivant.
<html> <éad- head> <ititle> Demo du bouton de formulaire </tapt> </ada> <body> Enregistrement des utilisateurs <formulaire Action = MailTo: [email protected] Method = get name = haha> name: <intrut type = text name = userNep size = 20> <br> mot de passe: <entrée type = nom = mot de passe = 20 maxngle = 30> <br> Site Web: <port type = Text = Text = Urlone SIZE = 20 MAXLONGHT = 50> site Web: <port type de type = Text = Url Value = http: / /> <br> <input type = Button Name = field_name Value = Normal Button> <entrée Type = Soumider Name = Field_Name Value = Button Soumider> <Type d'entrée = RENET NAME = Field_Name Value = RENET Button> </ From> </ Body> </ Html>
Après enregistrer, ouvrez le fichier et jetez un coup d'œil, comme indiqué dans (figure 4). Je pense que vous avez vu des images similaires, et les plus courantes sont utilisées lors de l'enregistrement des utilisateurs.
(Figure 4)
5. Masquer le domaine caché
Le domaine caché n'est pas visible pour les utilisateurs américains sur la page car il est caché. Le but d'insérer le domaine caché dans le formulaire est de collecter ou d'envoyer des informations. Lorsque nous cliquons sur le bouton Soumettre pour envoyer des données de formulaire, les informations du domaine masqué sont également envoyées au serveur. Sa syntaxe de base est <input type = field_name value = value>. La raison pour laquelle je vous explique également est que de nombreux programmes écrivent des programmes qui pensent que cela est caché et pense que l'utilisateur ne peut pas le voir. Par conséquent, dans de nombreux cas, il n'y a pas de paramètres de domaine cachés pour la détection et le filtrage, de nombreux accidents de sécurité se sont produits.3. TAGNE TEXT DE Texte <TextArea>
Cette balise est généralement utilisée pour créer plusieurs lignes de champs de texte dans une page Web, afin que plus de texte puisse être entré, et le plus utilisé est dans les commentaires de l'article.
Sa syntaxe de base est:
<TextArea name = name Rows = Value Cols = Value Value = Value> </ TextArea>
, les propriétés qu'il possède sont présentées dans le tableau suivant.
Propriétés de la balise de champ de texte | décrire |
nom | Nom du champ de texte |
rangées | Nombre de lignes dans les champs de texte |
collègues | Nombre de colonnes dans les champs de texte |
Valeur | Valeur par défaut pour le champ de texte |
Ce qui suit est un exemple pour l'expliquer en détail afin que tout le monde puisse comprendre de la pratique que ce n'est pas très difficile. Le code spécifique est le suivant:
<html> <éad- head> <ititle> Démonstration de fonction du domaine du texte </title> </ head> <body> Enquête sur les utilisateurs <formulaire Action = MailTo: [email protected] Method = Get Name = HAHA> Board de message: <br> <TextArea Name = Commentaire Rows = 5 Cols = 40> </ body> </html>
Enregistrez le code et modifiez le nom du suffixe et ouvrez-le pour voir s'il est le même que le tableau de messages sur Internet, comme indiqué dans (figure 5).
(Figure 5)