Maison > Article > interface Web > 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é.

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

PHPzavant: 2023-08-20 16:29:07876parcourir

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

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>

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

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>

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

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!

html for Property default dom input

Déclaration：

Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer

Article précédent：Mise au point automatique du mot de passe d'entrée HTML DOMArticle suivant：Mise au point automatique du mot de passe d'entrée HTML DOM

Articles Liés

Voir plus