Heim >Web-Frontend >js-Tutorial >So deaktivieren oder aktivieren Sie die Textfeldeingabe in js
So deaktivieren oder aktivieren Sie die Textfeldeingabe in js
- 青灯夜游Original
- 2018-11-20 16:13:447013Durchsuche
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
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>Laufeffekt:
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!