Heim > Web-Frontend > js-Tutorial > Hauptteil

So stellen Sie Javascript so ein, dass es nicht bearbeitet werden kann

青灯夜游
Freigeben: 2023-01-06 11:17:45
Original
7010 Leute haben es durchsucht

In JavaScript können Sie das Attribut „disabled“ des Checkbox-Objekts verwenden, um es auf nicht bearbeitbar zu setzen. Sie müssen lediglich den Wert des Attributs „disabled“ des angegebenen Element-Tags auf „true“ setzen. Element object.disabled=true;".

So stellen Sie Javascript so ein, dass es nicht bearbeitet werden kann

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

JavaScript – Stellen Sie das Textfeld so ein, dass es nicht bearbeitet werden kann

Wir müssen zunächst ein HTML-Gerüst erstellen, das schnell mit einem Compiler generiert werden kann.

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
 
</body>
</html>
Nach dem Login kopieren

Dann geben wir den Grundinhalt ein.

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<input type="text" >
	<input type="button" value="禁用">
</body>
</html>
Nach dem Login kopieren

Dann besteht der nächste Schritt darin, JavaScript-Ereignisse zu schreiben, um die Deaktivierungsfunktion zu implementieren.

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<input id="txt" type="text" >
	<input id="btn1" type="button" value="禁用">
	<script> 
		var btn1 = document.getElementById(&#39;btn1&#39;);
		btn1.onclick = function () {
			var txt = document.getElementById(&#39;txt&#39;);
			txt.disabled = true;
		}
	</script>
</body>
</html>
Nach dem Login kopieren

Optimieren Sie sie: Geben Sie Zahlen in das Textfeld ein. Nachdem Sie auf Deaktivieren geklickt haben, können Sie keine Zahlen mehr in das Textfeld eingeben Schreiben Sie die Funktion „enable“. Tatsächlich ist das Aktivieren von Funktionen fast dasselbe wie das Deaktivieren von Funktionen. Ändern Sie einfach „disabled = true“ in „disabled = false“.

Das obige ist der detaillierte Inhalt vonSo stellen Sie Javascript so ein, dass es nicht bearbeitet werden kann. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage