Explication détaillée du rôle des champs cachés dans HTML et exemples de codes d'utilisation

Les champs cachés sont invisibles pour les utilisateurs sur la page. Le but de l'insertion de champs cachés 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. utilisation réelle de ce champ caché. Amis qui souhaitent savoir comment l'utiliser, ne le manquez pas Syntaxe de base :

9f64f69bba3fe974e2d667558ac87eca

Fonction :

1 Les champs masqués sont invisibles pour les utilisateurs de la page. Le but de l'insertion de champs masqués dans le formulaire est de collecter. ou envoyer des informations pour faciliter le traitement. Le formulaire est utilisé par le programme. Lorsque le spectateur clique sur le bouton Envoyer pour envoyer le formulaire, les informations contenues dans le 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 sessionclé, etc. Bien sûr, ces choses peuvent également être implémentées à l'aide de cookie, 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 form. 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, nous recevons d'abord les données en vérifiant la valeur. de commande vous indiquera sur quel bouton l'utilisateur a appuyé 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 parfois nous devons utiliser des variables globales, nous pouvons d'abord stocker la valeur dans le champ caché, et sa valeur sera pas perdu.

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

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 des gestionnaires généraux pour implémenter

incrément numérique.ashx

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!