Heim >Web-Frontend >HTML-Tutorial >Attribut „HTML DOM Input Reset' deaktiviert Mit dem HTML-DOM-Eingabe-Attribut „Zurücksetzen deaktiviert' wird festgelegt oder ermittelt, ob die Schaltfläche „Zurücksetzen' deaktiviert ist
Attribut „HTML DOM Input Reset' deaktiviert Mit dem HTML-DOM-Eingabe-Attribut „Zurücksetzen deaktiviert' wird festgelegt oder ermittelt, ob die Schaltfläche „Zurücksetzen' deaktiviert ist
- PHPznach vorne
- 2023-08-20 16:29:07984Durchsuche
Das Attribut „HTML DOM Input Reset Disabled“ wird verwendet, um festzulegen oder zurückzugeben, ob die Reset-Schaltfläche deaktiviert werden soll. Es wird ein boolescher Wert verwendet, wobei „true“ bedeutet, dass die Reset-Taste deaktiviert werden sollte, und „false“ bedeutet, dass dies nicht der Fall sein sollte. Das Attribut „disabled“ hat standardmäßig den Wert „false“. Deaktivierte Elemente sind standardmäßig grau und nicht anklickbar.
Syntax
Das Folgende ist die Syntax von −
Setzen Sie das deaktivierte Attribut ein −
resetObject.autofocus = true|false
Hier ist true=die Schaltfläche zum Zurücksetzen ist deaktiviert und false=die Schaltfläche zum Zurücksetzen ist nicht deaktiviert. Dies ist standardmäßig false.
Beispiel
Sehen wir uns ein Beispiel für die Eigenschaft „Eingabe zurücksetzen deaktiviert“ an:
Live-Demo:
<!DOCTYPE html>
<html>
<body>
<h1>Input reset disabled Property</h1>
<form style="border:solid 2px green;padding:2px">
UserName: <input type="text" id="USR"> <br>
Location: <input type="text" id="Age"> <br><br>
<input type="reset" id="RESET1">
</form>
<p>Disable the above reset button by clicking on the DISABLE button</p>
<button type="button" onclick="disableReset()">DISABLE</button>
<p id="Sample"></p>
<script>
function disableReset() {
document.getElementById("RESET1").disabled=true;
document.getElementById("Sample").innerHTML = "The reset button is now disabled" ;
}
</script>
</body>
</html>: Ausgabe das obige Beispiel − Wir haben ein d5fd7aea971a85678ba271703566ebfd-Element mit type="reset" und id="RESET1" erstellt. Durch Klicken auf diese Schaltfläche werden die Formulardaten zurückgesetzt. Diese Schaltfläche befindet sich in einem Formular mit zwei Textfeldern, auf das auch Inline-Stile angewendet werden −
<form style="border:solid 2px green;padding:2px"> UserName: <input type="text" id="USR"> <br> Location: <input type="text" id="Age"> <br><br> <input type="reset" id="RESET1"> </form>Dann erstellen wir eine Schaltfläche namens DISABLE, die beim Klicken durch den Benutzer die Methode „disableReset()“ ausführt –
<button type="button" onclick="disableReset()">DISABLE</button>
disableReset() verwendet die Die Methode getElementById() ruft das Eingabeelement vom Typ „reset“ ab und setzt das Attribut „disabled“ auf „true“. Dadurch ist die Reset-Schaltfläche nicht mehr anklickbar und der Benutzer kann nicht mehr damit interagieren. Es ist jetzt grau −function disableReset() {
document.getElementById("RESET1").disabled=true;
document.getElementById("Sample").innerHTML = "The reset button is now disabled" ;
}Das obige ist der detaillierte Inhalt vonAttribut „HTML DOM Input Reset' deaktiviert Mit dem HTML-DOM-Eingabe-Attribut „Zurücksetzen deaktiviert' wird festgelegt oder ermittelt, ob die Schaltfläche „Zurücksetzen' deaktiviert ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!