Maison > interface Web > tutoriel HTML > le corps du texte

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

高洛峰
Libérer: 2017-03-14 17:56:25
original
5511 Les gens l'ont consulté

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 :



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>
Copier après la connexion


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); 
}
Copier après la connexion


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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal