Maison  >  Article  >  interface Web  >  Vous ne savez pas comment utiliser l'attribut caché html5 ? Jetez ensuite un œil à l’utilisation de l’attribut caché du formulaire

Vous ne savez pas comment utiliser l'attribut caché html5 ? Jetez ensuite un œil à l’utilisation de l’attribut caché du formulaire

寻∝梦
寻∝梦original
2018-08-29 14:26:5211645parcourir

Cet article présente principalement l'utilisation du nouvel attribut caché en HTML5, l'utilisation de l'attribut caché dans la balise

et l'utilisation dans la balise form. Travaillons maintenant ensemble. Lisez cet article

<.>

1. Parlons d'abord de l'attribut caché :

Il s'agit d'un nouvel attribut en html5, dans
<html>
<head>
<meta charset="UTF-8">
<title>php中文网</title>
</head>
<body>
  <p>这个段落没有被隐藏。</p>
<p>这个段落没有被隐藏。</p>  
<p hidden>这个段落应该被隐藏。</p>
<p>这个段落没有被隐藏。</p>
<p>这个段落没有被隐藏。</p>
</body>
</html>

J'ai ajouté un attribut caché au milieu, et les autres sont les mêmes que les autres <.>

Vous ne savez pas comment utiliser lattribut caché html5 ? Jetez ensuite un œil à l’utilisation de l’attribut caché du formulaireIl n'y a que quatre lignes sur l'image, et la ligne médiane a disparu.

Après avoir connu l'utilisation de base de cet attribut, voyons quel rôle représente l'attribut caché dans la forme

2 Le rôle de l'attribut caché dans la forme :

Les champs cachés sont invisibles pour les utilisateurs de la page. 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. 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 donner à l'utilisateur des informations et lui demander de les soumettre pour confirmer son identité lors de la soumission du formulaire, telles que : clé de session, etc. Bien sûr, ces éléments peuvent également être implémenté à l'aide de cookies, mais en utilisant un domaine caché. Le domaine est beaucoup plus simple et il n'y a pas lieu de s'inquiéter du fait que les navigateurs ne le prennent pas en charge et que 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 pour savoir sur quel bouton l'utilisateur a appuyé 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 les formulaires interagissent les uns avec les autres, nous pouvons donc ajouter des formulaires masqués. champs du formulaire pour les relier.
  • 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 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 incrémenter le nombre de 1 lorsque vous cliquez sur le bouton Soumettre, et la valeur augmentera automatiquement.htm

D'accord, ce qui précède est sur les deux types d'attributs cachés HTML5 utilisés localement. Si vous avez des questions, vous pouvez les poser ci-dessous

<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>
[Recommandation de l'éditeur]

Que signifie la balise HTML ul ? Explication détaillée du rôle de la balise HTML ul


Comment envelopper le texte dans la balise pre en html ? Exemples d'utilisation de la balise pré 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!

Déclaration:
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