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-HTML-Tutorial-php.cn

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

PHPz

Freigeben： 2023-08-20 16:29:07

nach vorne

879 Leute haben es durchsucht

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

Nach dem Login kopieren

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>

Nach dem Login kopieren

Ausgabe das obige Beispiel −

Wir haben ein -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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

HTML DOM Input Reset disabled 属性

HTML DOM Input Reset disabled 属性用于设置或获取重置按钮是否被禁用

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" ;
}

Nach dem Login kopieren

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!