简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > tutoriel HTML > le corps du texte

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

寻∝梦
Libérer： 2018-08-29 14:26:52
original
11694 Les gens l'ont consulté

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

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 à lutilisation de lattribut 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>
Copier après la connexion
[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!

Étiquettes associées：
form html p
source：php.cn
Article précédent：Qu'est-ce que la balise html h1 ? Introduction détaillée à l'utilisation de la balise html h1 Article suivant：Que signifie l'attribut action de la balise de formulaire html ? Quelles sont les utilisations ? (avec des exemples)
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
Derniers articles par auteur
Derniers numéros
Les symboles d'élément de liste (<ul> et <ol>) dans le nœud racine ne peuvent pas être affichés et supprimés en CSS, et le problème overflow-x: caché ne peut pas être supprimé. Je travaille actuellement sur une page Web et j'ai des problèmes avec les éléments de ma l...
Depuis 2024-04-04 16:38:22
0
1
3617
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！