Maison > Article > interface Web > Comment définir javascript pour qu'il ne soit pas modifiable
Comment définir javascript pour qu'il ne soit pas modifiable
- 青灯夜游original
- 2021-06-18 14:04:006951parcourir
En JavaScript, vous pouvez utiliser l'attribut désactivé de l'objet Checkbox pour le rendre non modifiable. Il vous suffit de définir la valeur de l'attribut désactivé de la balise d'élément spécifiée sur "true". le format de la syntaxe est "element object.disabled=true; ".
L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.
JavaScript - Définir la zone de texte pour qu'elle soit non modifiable
Nous devons d'abord créer un squelette HTML, qui peut être rapidement généré par un compilateur.
<!DOCTYPE html> <html> <head> <title></title> </head> <body> </body> </html>
Ensuite, nous entrons dans le contenu de base.
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <input type="text" > <input type="button" value="禁用"> </body> </html>
Ensuite, l'étape suivante consiste à écrire des événements JavaScript pour implémenter la fonction de désactivation
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<input id="txt" type="text" >
<input id="btn1" type="button" value="禁用">
<script>
var btn1 = document.getElementById('btn1');
btn1.onclick = function () {
var txt = document.getElementById('txt');
txt.disabled = true;
}
</script>
</body>
</html>Optimisez-le : entrez des chiffres dans la zone de texte, cliquez sur Désactiver et vous ne pourrez plus saisir de chiffres dans la zone de texte, puis continuez. Écrivez simplement la fonction "activer". En fait, activer des fonctions revient presque à désactiver des fonctions. Remplacez simplement "disabled = true" par "disabled = false". Le code est le suivant :
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<input id="txt" type="text" >
<input id="btn1" type="button" value="禁用">
<input id="btn2" type="button" value="启用">
<script>
var btn1 = document.getElementById('btn1');
btn1.onclick = function () {
var txt = document.getElementById('txt');
txt.disabled = true;
}
var btn2 = document.getElementById('btn2');
btn2.onclick = function () {
var txt = document.getElementById('txt');
txt.disabled = false;
}
</script>
</body>
</html>[Recommandations associées : tutoriel d'apprentissage javascript. 】
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!