Maison >interface Web >js tutoriel >Comment désactiver ou activer la saisie dans la zone de texte dans js

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

青灯夜游
青灯夜游original
2018-11-20 16:13:447010parcourir

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

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>

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!

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

Articles Liés

Voir plus