js控制input框只读实现示例


Posted in Javascript onJanuary 20, 2014
<html> 
<head> 
<title> New Document </title> 
<meta name="Generator" content="EditPlus"> 
<meta name="Author" content=""> 
<meta name="Keywords" content=""> 
<meta name="Description" content=""> 
</head> 
<script language="JavaScript"> 
function isreadonly(){ 
var obj = document.getElementById("username"); 
obj.setAttribute("readOnly",true); 
obj.style.backgroundColor="#d2d2d2"; 
} 
function readwrite(){ 
var obj = document.getElementById("username"); 
obj.setAttribute("readOnly",false); 
obj.style.backgroundColor="#ffffff"; 
} 
</script> 
<body> 
<form name="addform" id="addform" method="post" action="" > 
<input type="text" id="username" name="username"> 
<input type="button" name="只读" value="read" onclick="isreadonly();"> 
<input type="button" name="可写" value="write" onclick="readwrite();"> 
</form> 
</body> 
</html> 
<!-- 
点击“read”按钮,input框不能书写,且变灰;点击“write”按钮,input框恢复。 
-->
Javascript 相关文章推荐
用jquery方法操作radio使其默认选项是否
Sep 10 Javascript
用js通过url传参把数据从一个页面传到另一个页面
Sep 01 Javascript
在JavaScript中正确引用bind方法的应用
May 11 Javascript
js实现匹配时换色的输入提示特效代码
Aug 17 Javascript
Bootstrap每天必学之弹出框(Popover)插件
Apr 25 Javascript
vue教程之toast弹框全局调用示例详解
Aug 24 Javascript
AngularJS通过ng-Img-Crop实现头像截取的示例
Aug 17 Javascript
浅谈箭头函数写法在ReactJs中的使用
Aug 22 Javascript
vue 弹窗时 监听手机返回键关闭弹窗功能(页面不跳转)
May 10 Javascript
浅析vue-cli3配置webpack-bundle-analyzer插件【推荐】
Oct 23 Javascript
vue-cli设置publicPath小记
Apr 14 Javascript
js实现盒子滚动动画效果
Aug 09 Javascript
js给页面加style无效果的解决方法
Jan 20 #Javascript
javascript自动给文本url地址增加链接的方法分享
Jan 20 #Javascript
js报$ is not a function 的问题的解决方法
Jan 20 #Javascript
可自定义速度的js图片无缝滚动示例分享
Jan 20 #Javascript
文本框文本自动补全效果示例分享
Jan 19 #Javascript
不使用jquery实现js打字效果示例分享
Jan 19 #Javascript
简单的ajax连接库分享(不用jquery的ajax)
Jan 19 #Javascript
You might like
用穿越火线快速入门php面向对象
2012/02/22 PHP
ThinkPHP中类的构造函数_construct()与_initialize()的区别详解
2017/03/13 PHP
微信公众平台开发教程④ ThinkPHP框架下微信支付功能图文详解
2019/04/10 PHP
静态页面下用javascript操作ACCESS数据库(读增改删)的代码
2007/05/14 Javascript
javascript 密码强弱度检测万能插件
2009/02/25 Javascript
网页中返回顶部代码(多种方法)另附注释说明
2013/04/24 Javascript
用javascript替换URL中的参数值示例代码
2014/01/27 Javascript
JavaScript跨域方法汇总
2014/10/16 Javascript
详解JavaScript基于面向对象之创建对象(2)
2015/12/10 Javascript
浅谈JavaScript的内置对象和浏览器对象
2016/06/03 Javascript
举例讲解jQuery对DOM元素的向上遍历、向下遍历和水平遍历
2016/07/07 Javascript
JS日程管理插件FullCalendar简单实例
2017/02/07 Javascript
浅谈关于angularJs中使用$.ajax的注意点
2017/08/12 Javascript
webpack2.0配置postcss-loader的方法
2017/08/17 Javascript
关于jquery layui弹出层的使用方法
2018/04/21 jQuery
JS实现把一个页面层数据传递到另一个页面的两种方式
2018/08/13 Javascript
vue项目打包部署_nginx代理访问方法详解
2018/09/20 Javascript
移动端如何用下拉刷新的方式实现上拉加载
2018/12/10 Javascript
小程序根据手机机型设置自定义底部导航距离
2019/06/04 Javascript
深度了解vue.js中hooks的相关知识
2019/06/14 Javascript
[04:05]TI9战队采访 - Natus Vincere
2019/08/22 DOTA
[52:52]完美世界DOTA2联赛PWL S3 LBZS vs access 第一场 12.10
2020/12/13 DOTA
Python3.5以上版本lxml导入etree报错的解决方案
2019/06/26 Python
美国高端婴童品牌:Hanna Andersson
2016/10/30 全球购物
机械工程师求职自我评价
2013/09/23 职场文书
暑期社会实践学生的自我评价
2014/01/09 职场文书
升国旗仪式主持词
2014/03/19 职场文书
房屋所有权证明
2014/10/20 职场文书
房屋授权无偿使用证明
2014/11/29 职场文书
会计工作检讨书
2015/02/19 职场文书
后勤工作个人总结
2015/02/28 职场文书
2016年寒假社会实践活动总结
2015/03/27 职场文书
2015年国庆晚会主持词
2015/07/01 职场文书
python使用XPath解析数据爬取起点小说网数据
2021/04/22 Python
MySQL深度分页(千万级数据量如何快速分页)
2021/07/25 MySQL
详细介绍Next.js脚手架完整搭建封装
2022/04/26 Javascript