Maison > interface Web > tutoriel HTML > Comment masquer la balise d'entrée en HTML

Comment masquer la balise d'entrée en HTML

青灯夜游
Libérer: 2023-01-11 09:19:51
original
12629 Les gens l'ont consulté

Comment masquer la balise d'entrée HTML : 1. Définissez l'attribut caché sur la balise d'entrée, avec la syntaxe "" ; 2. Définissez la valeur de l'attribut type de la balise d'entrée sur "hidden ", avec la syntaxe "".

Comment masquer la balise d'entrée en HTML

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

html hide input tag

Méthode 1 : Définissez l'attribut caché sur la balise d'entrée

L'attribut caché spécifie que l'élément est masqué. Les éléments masqués ne seront pas affichés.

Si cet attribut est utilisé, l'élément sera masqué.

Vous pouvez définir l'attribut masqué afin que les utilisateurs ne puissent voir un élément que lorsque certaines conditions sont remplies (comme cocher une case, etc.). Vous pouvez ensuite utiliser JavaScript pour supprimer l'attribut masqué, rendant ainsi l'élément visible.

Exemple :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<input placeholder="文本,字母,数字等都可输入" hidden /><br /><br />
		<input placeholder="文本,字母,数字等都可输入"/>
	</body>
</html>
Copier après la connexion

Rendu :

Comment masquer la balise dentrée en HTML

Méthode 2 : Définissez la valeur de l'attribut type de la balise d'entrée sur "caché"

L'attribut type spécifie le type de l'élément être affiché ; définir Une valeur masquée définit un champ de saisie masqué.​

Exemple :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<input placeholder="文本,字母,数字等都可输入"/><br /><br />
		<input type="hidden" placeholder="文本,字母,数字等都可输入"/><br /><br />
		<input placeholder="文本,字母,数字等都可输入"/><br /><br />
	</body>
</html>
Copier après la connexion

Rendu :

Comment masquer la balise dentrée en 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!

É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