Introduction au rôle des champs cachés en HTML et exemples d'utilisation_HTML/Xhtml_Production de pages Web

Syntaxe de base :



Fonction :

1 Les champs masqués sont invisibles pour les utilisateurs sur la page. Le but de l'insertion de champs masqués dans les formulaires 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, quatre petites fenêtres apparaissent lorsque vous appuyez sur un bouton. Lorsque vous cliquez sur l'une des petites fenêtres, les trois autres se ferment 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

Copiez le code

Le code est le suivant :

;
-->

@n

>

Utilisez des gestionnaires généraux pour implémenter

incrément numérique.ashx

Copier le codeLe code est le suivant :

int n = 0; >public void ProcessRequest (contexte HttpContext) {
context.Response.ContentType = "text/html"

string path = context.Request.MapPath("Le nombre augmente.htm"); string html = System.IO.File. ReadAllText(path);
//Déterminer si la page est chargée pour la première fois
string viewstate = context.Request.Form["_viewstate"]; (!string.IsNullOrEmpty(viewstate))
{
//Cliquez sur le bouton post
//Obtenez la valeur du champ caché
string s = context.Request.Form["_div"] ;
if (int.TryParse(s, out n ))
{
n
html = html.Replace("@n",n.ToString());
}
else
{
//La page est chargée pour la première fois, attribuez des valeurs au div et les champs masqués correspondant au div
html = html.Replace( "@n", n.ToString());
}
context.Response.Write( html);
}