Maison > Article > interface Web > Introduction au rôle des champs cachés en HTML et exemples d'utilisation
Cet article présente principalement le rôle et les exemples d'utilisation des champs cachés en HTML. Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer.
Les champs cachés sont sur le site. Il est invisible pour l'utilisateur. Le but de l'insertion d'un champ caché dans le formulaire est de collecter ou d'envoyer des informations afin qu'elles puissent être utilisées par le programme qui traite le formulaire. est utilisé dans la pratique. Les amis intéressés ne devraient pas le manquer Syntaxe de base :
<input type="hidden" name="field_name" value="value">
Fonction :
1 Caché. domaine dans la page pour les utilisateurs Invisible, le but de l'insertion de champs cachés dans un formulaire est de collecter ou d'envoyer des informations afin qu'elles puissent être utilisées par le programme qui traite le formulaire. Lorsque le spectateur clique sur le bouton d'envoi pour envoyer le formulaire, les informations du champ masqué sont également envoyées au serveur.
2 Parfois, nous devons donner à l'utilisateur des informations pour déterminer son identité lors de la soumission du formulaire, telles que la clé de session, etc. Bien sûr, ces choses peuvent également être mises en œuvre à l'aide de cookies, mais il est beaucoup plus simple d'utiliser des champs cachés. Et il n'y aura aucun souci si les navigateurs ne le prennent pas en charge et si les utilisateurs désactivent les cookies.
3 Parfois, il y a plusieurs boutons de soumission dans un formulaire. Comment le programme peut-il distinguer sur quel bouton l'utilisateur a appuyé pour soumettre ? Nous pouvons écrire un champ caché, puis ajouter onclick="document.form.command.value="xx"" à chaque bouton. Ensuite, après avoir reçu les données, nous vérifions d'abord la valeur de la commande et nous saurons laquelle. l'utilisateur a cliqué sur le bouton pour soumettre.
4 Parfois, il y a plusieurs formulaires dans une page Web. Nous savons que plusieurs formulaires ne peuvent pas être soumis en même temps, mais parfois ces formulaires interagissent les uns avec les autres. Nous pouvons ajouter des champs masqués dans le formulaire pour se connecter. eux. .
5 JavaScript ne prend pas en charge les variables globales, mais nous devons parfois utiliser des variables globales. Nous pouvons d'abord stocker la valeur dans le champ caché, et sa valeur ne sera pas perdue.
6 Il existe un autre exemple. Par exemple, appuyer sur un bouton fera apparaître quatre petites fenêtres. Lorsque l'on clique sur l'une des petites fenêtres, les trois autres se fermeront automatiquement. Cependant, IE ne prend pas en charge les petites fenêtres qui s'appellent les unes les autres, vous ne pouvez donc écrire un champ masqué que dans la fenêtre parent. Lorsque la petite fenêtre voit que la valeur du champ masqué est proche, elle se ferme d'elle-même.
Exemple : Utilisez masqué pour augmenter le nombre de 1 lorsque vous cliquez sur le bouton Soumettre
La valeur augmente automatiquement.htm
Copier le code
Le code est le suivant :
<form action="数值自增.ashx" method="post"> <input type="hidden" name="_viewstate" value="a" /> <input type="hidden" name="_p" value="@n" /> <!-- <input name="txt" type="text" value="@value" />--> <p>@n</p> <input type="submit" value="click" /> </form>
Utilisez un gestionnaire général pour implémenter
incrément numérique.ashx
Copier le code
Le code est le suivant :
int n = 0; public void ProcessRequest (HttpContext context) { context.Response.ContentType = "text/html"; string path = context.Request.MapPath("数值自增.htm"); string html = System.IO.File.ReadAllText(path); //判断页面是否是第一次加载 string viewstate = context.Request.Form["_viewstate"]; if (!string.IsNullOrEmpty(viewstate)) { //点击按钮 post //获取隐藏域的值 string s = context.Request.Form["_p"]; if (int.TryParse(s, out n)) { n++; html = html.Replace("@n",n.ToString()); } } else { //页面首次加载,给p和p对应的隐藏域赋值 html = html.Replace("@n", n.ToString()); } context.Response.Write(html); }
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!