Qu'est-ce que le champ caché HTML

Les champs cachés HTML font référence aux éléments de formulaire dans les pages Web qui sont invisibles pour les utilisateurs, avec la syntaxe "". Le but de l'insertion de champs masqués dans un formulaire est de collecter ou d'envoyer des informations pouvant être utilisées par le programme qui traite le formulaire.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.

Champ caché : fait référence aux éléments de formulaire de la page Web qui sont invisibles pour les utilisateurs, c'est-à-dire aux éléments de formulaire masqués.

Syntaxe de base :

<input type="hidden" name="field＿name" value="value">

Fonction :

Les champs cachés sont invisibles pour les utilisateurs de 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. . Lorsque le spectateur clique sur le bouton d'envoi pour envoyer le formulaire, les informations du champ masqué sont également envoyées au serveur.

Parfois, nous devons fournir à 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.

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.

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 les connecter.

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.

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 implémenter l'incrément numérique de 1 lorsque vous cliquez sur le bouton Soumettre

Incrément numérique.htm

Le code est le suivant :

<form action="数值自增.ashx" method="post"> 
<input type="hidden" name="_viewstate" value="a" /> 
<input type="hidden" name="_div" value="@n" /> 
<!-- <input name="txt" type="text" value="@value" />--> 
<div>@n</div> 
<input type="submit" value="click" /> 
</form>

Utilisez un gestionnaire général pour réaliser l'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["_div"]; 
if (int.TryParse(s, out n)) 
{ 
n++; 
html = html.Replace("@n",n.ToString()); 
} 
} 
else 
{ 
//页面首次加载,给div和div对应的隐藏域赋值 
html = html.Replace("@n", n.ToString()); 
} 
context.Response.Write(html); 
}

Tutoriel recommandé :《Tutoriel vidéo 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!