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>
以上就是JavaScript中怎样对input框设置只读的方法,上述示例代码具有一定的参考价值,有需要的朋友可以了解看看,希望对大家学习JavaScript有帮助,想要了解更多可以继续浏览群英网络其他相关的文章。
文本转载自PHP中文网
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
长按识别二维码并关注微信
更方便到期提醒、手机管理