Le formulaire HTML est utilisé pour recevoir différents types d'entrées d'utilisateur.
2. Le mécanisme de travail de la forme 3. Définition du formulaire (<form> </ form> Tags)Le formulaire HTML est une zone contenant l'élément unitaire. Les formulaires peuvent inclure des éléments d'entrée, tels que des champs de texte, des cases à cocher, des boîtes à sélection unique, des boutons de soumission, etc. Les formulaires peuvent également contenir des menus, des textares, du champ, des éléments de légende et d'étiquette. Notez que l'élément <form> est un élément de niveau de bloc, qui produira une remise avant et après.
<Formulaire Action = Login.do Method = Post> <! - Formuls Elements Ici-> </ Form>4. Attribut de formulaire
Action: voir où les données du formulaire sont envoyées lorsque le formulaire est soumis. L'action est: Premièrement, une URL (URL absolue / URL relative), pointe généralement vers un programme sur le serveur, le programme reçoit les données (c'est-à-dire la valeur d'élément de l'unité de table) soumise par le formulaire pour le traitement correspondant. Par exemple, <Form Action = http://www.xxx.com/login.do>, lorsque l'utilisateur soumet ce formulaire, le serveur exécutera le site Web général http://www.xxx.com/ Programme de processus général. Deuxièmement, utilisez l'adresse URL du protocole Mailto, afin d'envoyer le contenu du formulaire sous forme d'e-mail. Cette situation est rare, car elle oblige le visiteur à installer et à définir correctement le programme d'envoi de courrier sur l'ordinateur de l'ordinateur. Troisièmement, la valeur vide, si l'action est vide ou non écrite, cela signifie soumis à la page actuelle.
Méthode: Cet attribut définit la façon dont le navigateur soumet les données dans le formulaire au programme de traitement du serveur. En ce qui concerne la valeur de la méthode, la plus couramment utilisée est Get and Post. Tout d'abord, soumettez les données de formulaire avec le mode GET. , la quantité de données transmises par GET est généralement limitée en dessous de 1 Ko. Deuxièmement, en utilisant la méthode Post, le navigateur enverra les données de formulaire dans le cadre du corps de demande HTTP au serveur. D'une manière générale, les données transmises par la méthode Post sont supérieures à la quantité de données transmises par la méthode GET; La méthode (telle que la requête) doit être utilisée. Troisièmement, d'autres méthodes (tête, mettre, supprimer, tracer ou options, etc.). En fait, la norme HTTP initiale a spécifié la méthode correspondante pour diverses opérations, mais beaucoup d'entre elles n'ont pas été observées plus tard.
Target: où cet attribut spécifie-t-il le résultat de l'URL renvoyé par l'URL spécifié dans l'attribut d'action. Les valeurs sont _blank (ouvrir dans la nouvelle fenêtre), _ sel (ouvrir dans le même framework, valeur par défaut), _parent (ouvrir dans le cadre parent), _ TOP (ouvrir dans toute la fenêtre) et FrameName (dans le spécifié Cadre du cadre ouvert en Chine).
Titre: Définissez le texte affiché par une petite bouée lorsque la souris des visiteurs du site Web est placée sur n'importe quelle position sur le formulaire.
ENCTYPE: il spécifie comment coder les données du formulaire avant d'envoyer au serveur. Valeur: La valeur par défaut est l'application / x-www-form-urLencomed. -Data: pas de code de caractère. Lorsque vous utilisez un formulaire contenant un contrôle de téléchargement de fichiers, cette valeur doit être utilisée.
Nom: le nom du formulaire. Notez que la différence entre l'attribut ID: Nom est le nom utilisé pendant la communication avec le serveur; et l'attribut ID est le nom utilisé par le côté du navigateur. .
2. Élément de l'unité de table 1. Box de texte unique <Type d'entrée = Text /> (La valeur par défaut de la propriété de type de l'entrée est le texte)<entrée type = nom de texte = name />
Ce qui suit est l'attribut principal de la zone de texte unique:
<entrée type = mot de passe = name />3. Bouton unique <Type d'entrée = Radio />
Comment utiliser: Utilisez un bouton de sélection unique avec le même nom de nom. La valeur élémentaire du bouton radio est explicitement définie par l'attribut de valeur.
<entrée type = radio Nom = Sex Value = Male /> <Type d'entrée = Radio Name = Gender Value = Femme />4. Moteur de la case <Type d'entrée = CheckBox />
Utilisez le groupe de bouton de vérification, c'est-à-dire que le même ensemble de boutons de vérification avec le même nom, la valeur de l'élément de l'élément de l'unité de la table de bouton de vérification est explicitement définie par l'attribut de valeur. et les noms sont emballés et envoyés à la valeur.复选框的 cochée 属性表示是否被选中 ， <Type d'entrée = Checkbox Cocheed /> 或者 <Type d'entrée = Checkbox Cocheed = Checked /> (推荐) Cocheed 、 ReadOnly 等这种一个可选值的属性都可以省略属性值Essence
<input type = Checkbox Name = Language Value = Java /> <INPUT TYPE = Checkbox Name = LaEanguage Value = C /> <INPUT TYPE = Checkbox Name = Laanguage VA LUE = C # />5. Domaine caché <Type d'entrée = Hidden />
Le domaine caché est généralement utilisé pour soumettre des informations au serveur qui n'a pas besoin d'être affichée à l'utilisateur.
<entrée type = name caché = domaine caché />6. Fichier Téléchargement <Input Type = File />
Avec le fichier, ENCTYPE de Form doit être défini sur Multipart / Form-Data, et l'attribut de méthode est POST.
<input name = uploadedFile id = uploadfile type = file size = 60 accept = text / * />7. TABLE DE TIR LA BOX <lect>
<lelect> Étiquette Créer une zone de liste, <option> Étiquette pour créer un élément de liste, <lelect> utilise Nested <opopoption> pour fournir conjointement un ensemble d'options dans un ensemble d'options.
Définissez une option pour sélectionner: <option sélectionnée> beijing </opoption> ou <option select = selectd> beijing </opoption> (méthode de recommandation) peut être définie en tant qu'élément de sélection. Comment n'atteindre pas le choix, ajouter une <Option Value = -1> -Not Selected- <poption>, puis la programmation de la valeur sélectionnée sélectionnée par le SELECT IF-1 est considérée comme n'est pas sélectionnée.
L'option SELECT GROUP peut utiliser OptGroup pour regrouper les données.
<lelect> Mark et plusieurs attributs peuvent être autorisés à choisir (appuyez sur la touche CTRL)
<select name = country size = 10> <optgroup label = Africa> <option value = gam> gambia </opoption> <option value = madagascar </ option> <popoptive> e = nam> namibia </opoption> </ optgroup > <optgroup Label = Europe> <Option Value = FRA> France </ Option> <Option Value = Russia </opoption> <Option Value = UK> UK> UK </opoption> tgroup> <optgroup Label = North America> < Valeur d'option = Can> Canada </ Option> <Option Value = Mex> Mexico </ Option> <Option Value = USA> USA </opoption> </polct>8. Texte multi-lignes <TextArea> </ TextArea>
Texte multi-lignes <TextArea> Créez une zone de texte qui peut saisir le texte multi-lignes, <TextArea> Aucun attribution de valeur, <TextArea> Text </TextArea>, Cols = 50, Rows = 15 Attributs Indiquez le nombre de lignes et de colonnes , non spécifié Le navigateur prend l'affichage par défaut.
<TextArea Name = TextAreAntent Rows = 20 Color = 50> Le contenu d'affichage initial de la zone de texte multi-lignes </TextArea>9.
Vous pouvez écrire des textes ordinaires pour modifier avant <Type d'entrée = Text>, mais lorsque vous cliquez sur le texte du modificateur, l'entrée n'obtiendra pas le foyer, mais vous pouvez utiliser l'étiquette. U (comprendre). AccessKey = U, un autre attribut de l'étiquette. Remarque: Pour définir un ID unique pour le contrôle modifié. Je pense que les deux étiquettes de <Label> </Babe> sont très utiles pour <entrée Type = Radio /> et <Input Type = Checkbox />.
<entrée type = radio name = sexe id = valeur masculine = 0 checked = checked /> <étiquette pour = mâle> mâle </win> <Type de la radio = name radio = fmale value = 1 /> <étiquette pour = fmale> femelle </ Label> <Type d'entrée = Radio Name = Sex ID = Secret Value = 2 /> <Label For = Secret> Confidential </Babe>10. <FIELDSET> </ FIELDSET> Étiquette
La balise du champ divise le contrôle dans une zone et semble plus régulière.
<FielDset> <Legend> Hobbies </GENEND> <Type d'entrée = Valeur de basket = Basketball /> <Type d'entrée = Valeur à cocher = Mountain Climbing / <Type d'entrée = Valeur à checkbox = Reading /> </f IlLdset>11. Bouton Soumettre <Type d'entrée = soumettre />
Lorsqu'un utilisateur clique sur le programme de traitement du serveur spécifié par le <Inputt Type = soumed />, les données de formulaire seront soumises au programme de traitement du serveur spécifié par l'attribut d'action de l'étiquette <form>. Le texte du bouton par défaut sous l'IE chinois est un texte d'affichage du bouton de modification des propriétés de valeur.
<Type d'entrée = soumettre Value = Soumider />12. Bouton de réinitialisation <Type d'entrée = réinitialisation />
Lorsque l'utilisateur clique sur le bouton <entrée Type = Réinitialiser />, la valeur du formulaire est réinitialisée à la valeur initiale. Lorsque l'utilisateur soumet le formulaire, le nom et la valeur du bouton de réinitialisation ne seront pas soumis au serveur.
<Type d'entrée = RESET VALEUR = RESET BUTTON />13. Bouton ordinaire <Type d'entrée = Button />
Les boutons ordinaires sont généralement utilisés pour cliquer pour exécuter un code de script.
<Type d'entrée = valeur du bouton = bouton ordinaire />14. Bouton d'image <Type d'entrée = Image />
L'attribut SRC du bouton d'image spécifie le fichier source d'image, qui n'a pas d'attribut de valeur. Le bouton d'image peut remplacer le <entrée Type = Soumide />, et maintenant il peut également définir directement l'apparence du bouton <entrée Type = Soumider /> sur une image.
<Type d'entrée = image src = bg.jpg />Troisièmement, des exemples de formulaire
Cet exemple est une page d'enregistrement simple implémentée à l'aide du formulaire pour utiliser la disposition du formulaire.
<! > Tableau {largeur: 450px; } nous Post> <Table Align = Center CellSpacing = 0 CELLPADDING = 0> <TD> Nom d'utilisateur: </td> <entrée Type = Text / </tr> </ Tr> <TR> <TD> Mot de passe: </td> < TD> <Type d'entrée = Password /> </td> </tr> <tr> / </td> </tr> <l> <TD> Veuillez sélectionner le marché: </td> <d> <lect> <optgroup Label = China> <Option> Province de Gansu </ Option> <Option> Province du Henan Province Henan </ Option> <Option> Shanghai </opoption> </potgroup> <optgroup Label = American> <Option> California </ Option> <Option> Chicago </ Option> <Option> News on> </ptgroup> </lect> </td> </tr> <td> Veuillez sélectionner le genre: </td> <td> <Type d'entrée = Radio Name = Sex ID = Male Value = 0 Vérified = Vérified / >> <Label for = Male> Male </ Lable> <Type de Radio = Radio = SEX ID = 1 /> <Label for = FMale> Femme </ Label > <entrée type = Radio Name = Sex ID = Secret Va Lue = 2 /> <Label For = Secret> Confidentialité </Babe> </td> </tr> <Td> Veuillez sélectionner l'occupation: </td> <entrée type = radio id = student name = profession /> <label for = student> student </ label> <input type = radio id = enseign name = profession /> <label for = enseigning> enseign> <input type = radio id = Autres name = profession /> <étiquette pour = d'autres> autres </ label> </td> </tr> <td> Veuillez sélectionner des passe-temps: </td> <FielDset> <gend> Vos passe-temps </GENEND> <entrée type = checkbox name = hobby id = basketboll checkd = checked /> <étiquette pour = basketboll> en jouant au basket </ labe> <entrée type = cocher name = hobb y id = run /> <label for = run> run </ label > <input type = checkbox name = hobby id = read /> <étiquette pour = read> read </ labe> <troty type = checkbox name = hobby id = wrowing /> <étiquette pour = Surfing> accès Internet </ label > </ fieldset> </td> </tr> <l> <td> Remarques: </td> <TextArea color = 30> Ceci est le contenu Remarques </ TextArea> </td> </tr> tr> <Td> & nbsp; html>