使用js设置input标签只读 readonly 属性
2024-10-19 12:04:09
先上代码:
<html> <head>
<title> test </title>
<meta charset="utf-8">
</head>
<script language="JavaScript">
function setReadonly() {
//document.getElementById("test").setAttribute("readOnly", true);
document.getElementById("test").readOnly=true;
} function readWrite() {
//document.getElementById("test").setAttribute("readOnly", false);
document.getElementById("test").readOnly=false;
} </script> <body>
<form name="addform" id="addform" method="post" action="">
<input type="text" id="test" >
<input type="button" value="只读" onclick="setReadonly();">
<input type="button" value="读写" onclick="readWrite();">
</form>
</body> </html>
代码挺简单的,但是这一点代码也有可能达不到预期效果。
一开始,在readWrite()函数中,我用的是注释掉的那些代码,没有用红色部分代码,结果点击“读写”按钮后,还是不可编辑。于是就改成了红色部分代码,结果再点击“读写”按钮就可以编辑了。
总结了一下,当达不到预期效果时,可以使用以下几种解决方案:
1、readonly中 将‘o’改为大写‘O’ ,即将readonly改为readOnly ;
2、将上述代码中的setReadonly()和readWrite()函数中设置readOnly读写属性的那些代码组合着全试一遍,基本就能达到预期效果了。
最新文章
- 利用Hexo搭建个人博客-环境搭建篇
- Linux文本流
- MySQL 操作表命令
- 第七讲:HTML5中的canvas两个小球全然弹性碰撞
- windows下使用php重命名目录下的文件
- UltraISO PE(软碟通) V9.5.5.2960 官方中文版
- git: reset
- 完美解决ScollView内嵌ListView的问题
- Mybatis常见问题总结
- 集成JUnit测试错误java.lang.IllegalStateException: Failed to load ApplicationContext
- windows10系统下安装pygame
- VMware下Mac系统自适应屏幕
- FIDDLER的使用方法及技巧总结(连载四)FIDDLER通用规则更改
- /etc/profile /etc/profile .bash_profile .bashrc解释
- [控件] LiveChangedImageView
- Center OS 7 /etc/rc.d/init.d/network, status=6
- cocos2d js ScrollView的使用方法
- JS 数据类型转换以其他
- Android -- ListView与Adapter
- 【目标检测】R-CNN系列与SPP-Net总结
热门文章
- mysql 命令行操作1
- C# ASP.NET MVC 图片盗链 加水印 的问题
- lua unit test introduction
- AngularJS Best Practices: ng-include vs directive
- php 下载文件代码段
- AIX UNIX 系统管理、维护与高可用集群建设——数据库结构设计
- Android 自定义 view(四)&mdash;&mdash; onMeasure 方法理解
- 关于Java 里的String和对象
- 5.3监听请求:使用eclipse的tcp/ip工具(端口转换)
- 非常强大的table根据表头排序,点击表头名称,对其内容排序