Maison > interface Web > js tutoriel > le corps du texte

Comment désactiver ou activer la saisie dans la zone de texte dans js

青灯夜游
Libérer: 2018-11-21 10:58:29
original
6969 Les gens l'ont consulté

Comment désactiver ou activer la saisie dans la zone de texte ? Cet article vous expliquera comment utiliser pure js pour désactiver ou activer la saisie dans une zone de texte. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

Il est en fait très simple de désactiver ou d'activer la saisie dans une zone de texte dans js. Vous ne pouvez utiliser que l'attribut désactivé pour réaliser la fonction. Jetons un coup d'œil aux connaissances pertinentes de l'attribut désactivé.

L'attribut désactivé peut être utilisé pour définir ou indiquer si le bouton radio est désactivé.

Syntaxe de base :

radioObject.disabled=true|false
Copier après la connexion

false : signifie activer la saisie dans la zone de texte ;

true : signifie désactiver la saisie dans la zone de texte.

Utilisons un exemple simple pour présenter comment utiliser l'attribut désactivé dans js pour désactiver ou activer la saisie dans la zone de texte ?

Idées :

1) Utilisez getElementById() pour obtenir le champ de texte

2) Utilisez un bouton pour déclencher une fonction qui active ou désactive la saisie dans le champ de texte : fonction enable() et Disable()

3) Utilisez les fonctions Enable() et Disable() pour définir le champ désactivé de la zone de texte sur vrai ou faux

Code d'implémentation :

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>如何使用JavaScript启用或禁用输入</title>
	</head>

	<body>
		<h2>使用JavaScript启用和禁用文本字段</h2>
		<form id="registration-form">
			输入您的姓名:
			<input type="text" id="name">
		</form><br />
		<button onclick="disable()">禁用文本字段</button>
		<button onclick="enable()">启用文本字段</button>
		<script>
			function disable(){
				//
				document.getElementById("name").disabled=true;
			}

			function enable(){
				document.getElementById("name").disabled = false;
			}
		</script>

	</body>

</html>
Copier après la connexion

Effet d'exécution :

Comment désactiver ou activer la saisie dans la zone de texte dans js

Lorsque vous cliquez sur le bouton "Désactiver le champ de texte", la fonction Disable() sera appelée et l'attribut désactivé du champ de texte sera défini sur true, ce qui signifie que vous ne pouvez plus saisir de texte dans ce champ de texte, il est désactivé.

Cliquer sur le bouton "Activer le champ de texte" réactivera le champ de texte, qui peut appeler la fonction activate(), qui réinitialise l'attribut désactivé à false.

Ce qui précède représente l’intégralité du contenu de cet article, j’espère qu’il sera utile à l’étude de chacun. Tutoriels vidéo connexes recommandés : Tutoriel JavaScript !

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:
js
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