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实现原理的模拟代码 -6 代码下载
Aug 16 Javascript
为jQuery增加join方法的实现代码
Nov 28 Javascript
js中reverse函数的用法详解
Dec 26 Javascript
js图片翻书效果代码分享
Aug 20 Javascript
纯JS代码实现气泡效果
May 04 Javascript
ES5 ES6中Array对象去除重复项的方法总结
Apr 27 Javascript
Vue全家桶实践项目总结(推荐)
Nov 04 Javascript
微信小程序定位当前城市的方法
Jul 19 Javascript
JavaScript数组基于交换的排序示例【冒泡排序】
Jul 21 Javascript
jQuery 获取除某指定对象外的其他对象 ( :not() 与.not())
Oct 10 jQuery
JS监听事件的叠加和移除功能
Nov 19 Javascript
微信小程序后端(java)开发流程的详细步骤
Nov 13 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实现递归循环每一个目录
2010/08/08 PHP
thinkPHP统计排行与分页显示功能示例
2016/12/02 PHP
php基于SQLite实现的分页功能示例
2017/06/21 PHP
基于ThinkPHP5.0实现图片上传插件
2017/09/25 PHP
实现laravel 插入操作日志到数据库的方法
2019/10/11 PHP
屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键 的javascript代码
2007/04/01 Javascript
CSS+Jquery实现页面圆角框方法大全
2009/12/24 Javascript
Javascript 中的类和闭包
2010/01/08 Javascript
对xmlHttp对象方法和属性的理解
2011/01/17 Javascript
原生的html元素选择器类似jquery选择器
2014/10/15 Javascript
javascript制作的滑动图片菜单
2015/05/15 Javascript
AngularJs directive详解及示例代码
2016/09/01 Javascript
js实现下拉框效果(select)
2017/03/28 Javascript
微信小程序开发之选项卡(窗口底部TabBar)页面切换
2017/04/12 Javascript
nodejs 图片预览和上传的示例代码
2017/09/30 NodeJs
vue.js仿hover效果的实现方法示例
2019/01/28 Javascript
小程序异步问题之多个网络请求依次执行并依次收集请求结果
2019/05/05 Javascript
vue动态配置模板 'component is'代码
2019/07/04 Javascript
使用 Github Actions 自动部署 Angular 应用到 Github Pages的方法
2020/07/20 Javascript
一分钟学会JavaScript中的try-catch
2020/12/14 Javascript
小程序实现列表倒计时功能
2021/01/29 Javascript
[01:04]DOTA2:伟大的Roshan雕塑震撼来临
2015/01/30 DOTA
[02:53]2018年度DOTA2最佳战队-完美盛典
2018/12/17 DOTA
python访问类中docstring注释的实现方法
2015/05/04 Python
通过python顺序修改文件名字的方法
2018/07/11 Python
python如何统计代码运行的时长
2019/07/24 Python
Flask和pyecharts实现动态数据可视化
2020/02/26 Python
python文件及目录操作代码汇总
2020/07/08 Python
html5自带表单验证体验优化及提示气泡修改功能
2017/09/12 HTML / CSS
HTML5 Canvas之测试浏览器是否支持Canvas的方法
2015/01/01 HTML / CSS
欧洲最大的拼图游戏商店:JigsawPuzzle.co.uk
2018/07/04 全球购物
三年级学生评语
2014/04/23 职场文书
大学班级文化建设方案
2014/05/06 职场文书
竞选班长演讲稿500字
2014/08/22 职场文书
党员学习型组织心得体会
2019/06/21 职场文书
MySQL详细讲解变量variables的用法
2022/06/21 MySQL