So deaktivieren oder aktivieren Sie die Textfeldeingabe in js-js-Tutorial-php.cn

So deaktivieren oder aktivieren Sie die Textfeldeingabe in js

青灯夜游

Freigeben： 2018-11-21 10:58:29

Original

7009 Leute haben es durchsucht

Wie deaktiviere oder aktiviere ich die Textfeldeingabe? In diesem Artikel erfahren Sie, wie Sie mit reinem JS die Textfeldeingabe deaktivieren oder aktivieren. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

Es ist eigentlich sehr einfach, die Textfeldeingabe in js zu deaktivieren oder zu aktivieren. Sie können nur das Attribut „disabled“ verwenden, um die Funktion zu erreichen. Werfen wir einen Blick auf das relevante Wissen zum deaktivierten Attribut.

disabled-Attribut kann verwendet werden, um festzulegen oder zurückzugeben, ob das Optionsfeld deaktiviert ist.

Grundlegende Syntax:

radioObject.disabled=true|false

Nach dem Login kopieren

false: bedeutet, dass die Textfeldeingabe aktiviert wird;

true: bedeutet, dass die Textfeldeingabe deaktiviert wird.

Lassen Sie uns anhand eines einfachen Beispiels vorstellen, wie Sie das Attribut „disabled“ in js verwenden, um die Textfeldeingabe zu deaktivieren oder zu aktivieren.

Ideen:

1) Verwenden Sie getElementById(), um das Textfeld abzurufen

2) Verwenden Sie eine Schaltfläche, um eine Funktion auszulösen, die die Textfeldeingabe aktiviert oder deaktiviert : Funktion „enable()“ und „disable()“

3) Verwenden Sie die Funktionen „enable()“ und „disable()“, um das deaktivierte Feld des Textfelds auf „true“ oder „false“ zu setzen

Implementierungscode:

<!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>

Nach dem Login kopieren

Laufeffekt:

So deaktivieren oder aktivieren Sie die Textfeldeingabe in js

Wenn Sie auf die Schaltfläche „Textfeld deaktivieren“ klicken, wird die Funktion „disable()“ und das Attribut „disabled“ des Textfelds aufgerufen „disabled“ wird auf „true“ gesetzt, was bedeutet, dass Sie keinen Text mehr in dieses Textfeld eingeben können und es deaktiviert wird.

Durch Klicken auf die Schaltfläche „Textfeld aktivieren“ wird das Textfeld erneut aktiviert, wodurch die Funktion „enable()“ aufgerufen werden kann, die das Attribut „disabled“ auf „false“ zurücksetzt.

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für das Studium aller hilfreich sein wird. Empfohlene weitere verwandte Video-Tutorials: JavaScript-Tutorial!

Das obige ist der detaillierte Inhalt vonSo deaktivieren oder aktivieren Sie die Textfeldeingabe in js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!