JavaScript中怎样对input框设置只读，办法是什么？
发布时间：2022-01-11 14:18:31 所属栏目：语言 来源：互联网
导读：JavaScript中怎样对input框设置只读？input框在网页的设计中经常会使用到，但是有时候我们需要设置input框只读， 这样可以防止用户对数据的更改，在某些情况下还是比较实用的。那么有什么方法能设置input框为只读？ 本教程操作环境：windows7系统、javascrip
|
JavaScript中怎样对input框设置只读？input框在网页的设计中经常会使用到，但是有时候我们需要设置input框只读， 这样可以防止用户对数据的更改，在某些情况下还是比较实用的。那么有什么方法能设置input框为只读？ 本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。 在javascript中，想要设置input框为只读，只需要使用setAttribute()方法给input元素添加只读属性--readOnly即可。 setAttribute() 方法添加指定的属性，并为其赋指定的值。 语法： element.setAttribute(attributename,attributevalue) 示例： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <input type="text" id="text" /><br><br> <input type="button" value="设为只读" id="btn" /> <script> function my(id) { return document.getElementById(id); } my("btn").onclick = function() { my("text").setAttribute("readOnly", true); } </script> </body> </html> （编辑：91站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
站长推荐
热点阅读