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 相关文章推荐
javascript 放大镜 v1.0 基于Yui2 实现的放大镜效果
Mar 08 Javascript
js 本地预览的简单实现方法
Feb 18 Javascript
深入理解requestAnimationFrame的动画循环
Sep 20 Javascript
JavaScript ES6中CLASS的使用详解
Nov 22 Javascript
完美解决spring websocket自动断开连接再创建引发的问题
Mar 02 Javascript
AngularJS中的作用域实例分析
May 16 Javascript
在Vue methods中调用filters里的过滤器实例
Aug 30 Javascript
JavaScript常用数组操作方法,包含ES6方法
May 10 Javascript
解决layui的table插件无法多层级获取json数据的问题
Sep 19 Javascript
微信小程序实现身份证取景框拍摄
Sep 09 Javascript
vue 使用饿了么UI仿写teambition的筛选功能
Mar 01 Vue.js
jQuery ajax - getScript() 方法和getJSON方法
May 14 jQuery
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 存储文本换行实现方法
2010/01/05 PHP
php通过执行CutyCapt命令实现网页截图的方法
2016/09/30 PHP
Laravel中批量赋值Mass-Assignment的真正含义详解
2017/09/29 PHP
PDO::errorInfo讲解
2019/01/28 PHP
关于Laravel参数验证的一些疑与惑
2019/11/19 PHP
Mootools 1.2教程(2) DOM选择器
2009/09/14 Javascript
javascript 事件查询综合 推荐收藏
2010/03/10 Javascript
jquery 图片轮换效果
2010/07/29 Javascript
jquery提交form表单简单示例分享
2014/03/03 Javascript
javascript跨域的方法汇总
2015/10/23 Javascript
JavaScript实现AOP详解(面向切面编程,装饰者模式)
2017/12/19 Javascript
js数组去重的N种方法(小结)
2018/06/07 Javascript
解决LayUI表单获取不到data的问题
2018/08/20 Javascript
mpvue中使用flyjs全局拦截的实现代码
2018/09/13 Javascript
Next.js实现react服务器端渲染的方法示例
2019/01/06 Javascript
微信小程序全局变量GLOBALDATA的定义和调用过程解析
2019/09/23 Javascript
Vue 实现一个命令式弹窗组件功能
2019/09/25 Javascript
JavaScript封装单向链表的示例代码
2020/09/17 Javascript
Python将图片转换为字符画的方法
2020/06/16 Python
python实现求特征选择的信息增益
2018/12/18 Python
Django模型序列化返回自然主键值示例代码
2019/06/12 Python
Django 对象关系映射(ORM)源码详解
2019/08/06 Python
Python使用tkinter模块实现推箱子游戏
2019/10/08 Python
matplotlib quiver箭图绘制案例
2020/04/17 Python
python 比较字典value的最大值的几种方法
2020/04/17 Python
对python pandas中 inplace 参数的理解
2020/06/27 Python
python 常见的反爬虫策略
2020/09/27 Python
总结html5自定义属性有哪些
2020/04/01 HTML / CSS
BNKR中国官网:带你感受澳洲领先潮流时尚
2018/08/21 全球购物
波兰在线杂货店:Polski Koszyk
2019/11/02 全球购物
年终晚会主持词
2014/03/25 职场文书
法人代表证明书格式
2014/10/01 职场文书
开幕式邀请函
2015/01/31 职场文书
使用numpy实现矩阵的翻转(flip)与旋转
2021/06/03 Python
AJAX实现指定部分页面刷新效果
2021/10/16 Javascript
Oracle数据库中通用的函数实例详解
2022/03/25 Oracle