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 相关文章推荐
Span元素的width属性无效果原因及解决方案
Jan 15 Javascript
jQuery入门问答 整理的几个常见的初学者问题
Feb 22 Javascript
jQuery源码分析-03构造jQuery对象-工具函数
Nov 14 Javascript
Jquery实现简单的动画效果代码
Mar 18 Javascript
node.js中的path.basename方法使用说明
Dec 09 Javascript
javascript转换静态图片,增加粒子动画效果
May 28 Javascript
js实现常用排序算法
Aug 09 Javascript
史上最全JavaScript常用的简写技巧(推荐)
Aug 17 Javascript
react 国际化的实现代码示例
Sep 14 Javascript
利用Dectorator分模块存储Vuex状态的实现
Feb 05 Javascript
微信小程序页面间跳转传参方式总结
Jun 13 Javascript
vue 查看dist文件里的结构(多种方式)
Jan 17 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+memcache实现消息队列案例分享
2014/05/21 PHP
浅析PHP7新功能及语法变化总结
2016/06/17 PHP
基于jquery的文本框与autocomplete结合使用(asp.net+json)
2012/05/30 Javascript
js计算精度问题小结
2013/04/22 Javascript
浅析ajax请求json数据并用js解析(示例分析)
2013/07/13 Javascript
JavaScript实现的链表数据结构实例
2015/04/02 Javascript
jQuery实现首页图片淡入淡出效果的方法
2015/06/10 Javascript
Javascript函数式编程简单介绍
2015/10/11 Javascript
jquery利用拖拽方式在图片上添加热链接
2015/11/24 Javascript
javascript从定义到执行 你不知道的那些事
2016/01/04 Javascript
JS控制层作圆周运动的方法
2016/06/20 Javascript
AngularJs  E2E Testing 详解
2016/09/02 Javascript
BootStrap树状图显示功能
2016/11/24 Javascript
video.js使用改变ui过程
2017/03/05 Javascript
JavaScript数据类型的存储方法详解
2017/08/25 Javascript
Vue源码学习之关于对Array的数据侦听实现
2019/04/23 Javascript
js纯前端实现腾讯cos文件上传功能的示例代码
2019/05/14 Javascript
微信小程序商品详情页底部弹出框
2019/11/22 Javascript
详解Python中的文件操作
2016/08/28 Python
Python基于lxml模块解析html获取页面内所有叶子节点xpath路径功能示例
2018/05/16 Python
关于windows下Tensorflow和pytorch安装教程
2020/02/04 Python
Python collections模块的使用方法
2020/10/09 Python
Python图像读写方法对比
2020/11/16 Python
video结合canvas实现视频在线截图功能
2018/06/25 HTML / CSS
使用HTML5的Notification API制作web通知的教程
2015/05/08 HTML / CSS
英国户外装备和冒险服装零售商:alloutdoor
2018/01/30 全球购物
美国第一大药店连锁机构:Walgreens(沃尔格林)
2019/10/10 全球购物
测绘工程个人的自我评价
2013/11/10 职场文书
社区七一党员活动方案
2014/01/25 职场文书
群众路线党课主持词
2014/04/01 职场文书
总经理岗位职责说明书
2014/07/30 职场文书
单位计划生育责任书
2015/05/09 职场文书
党支部审查意见
2015/06/02 职场文书
公司职员入党自传书
2015/06/26 职场文书
优秀新员工事迹材料
2019/05/13 职场文书
Python人工智能之混合高斯模型运动目标检测详解分析
2021/11/07 Python