Attribut désactivé de réinitialisation d'entrée HTML DOM L'attribut HTML DOM Input Reset Disabled est utilisé pour définir ou déterminer si le bouton de réinitialisation est désactivé.-tutoriel HTML-php.cn

Attribut désactivé de réinitialisation d'entrée HTML DOM L'attribut HTML DOM Input Reset Disabled est utilisé pour définir ou déterminer si le bouton de réinitialisation est désactivé.

PHPz

Libérer： 2023-08-20 16:29:07

avant

876 Les gens l'ont consulté

L'attribut HTML DOM Input Reset Disabled est utilisé pour définir ou indiquer si le bouton de réinitialisation doit être désactivé. Il utilise une valeur booléenne, où true signifie que le bouton de réinitialisation doit être désactivé et false signifie non. L'attribut désactivé est par défaut false. les éléments désactivés sont gris et non cliquables par défaut.

Syntaxe

Ce qui suit est la syntaxe de −

Définissez l'attribut désactivé−

resetObject.autofocus = true|false

Copier après la connexion

Ici, true=le bouton de réinitialisation est désactivé et false=le bouton de réinitialisation n'est pas désactivé. Il est faux par défaut.

Exemple

Regardons un exemple pour la propriété Réinitialisation d'entrée désactivée −

Démo en direct

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

Copier après la connexion

Output

Cela produira la sortie suivante −

HTML DOM Input Reset disabled 属性

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

Cliquez sur le bouton « DÉSACTIVER » −

HTML DOM Input Reset disabled 属性

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

Dans l'exemple ci-dessus −

Nous avons créé un élément avec type="reset" et id="RESET1". Cliquer sur ce bouton réinitialisera les données du formulaire. Ce bouton se présente sous un formulaire avec deux champs de texte auxquels sont également appliqués des styles en ligne −

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

Copier après la connexion

Ensuite, nous créons un bouton appelé DISABLE qui, lorsque l'utilisateur clique dessus, exécutera la méthode DisableReset() −

<button type="button" onclick="disableReset()">DISABLE</button>

Copier après la connexion

La méthode DisableReset() utilise le getElementById() pour obtenir l'élément d'entrée de type reset et définit son attribut désactivé sur true. Cela rend le bouton de réinitialisation impossible à cliquer et l'utilisateur ne peut plus interagir avec lui. Il fait maintenant gris −

function disableReset() {
   document.getElementById("RESET1").disabled=true;
   document.getElementById("Sample").innerHTML = "The reset button is now disabled" ;
}

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!