js控制input框只读实现示例
更新时间：2014年01月20日 16:10:26 投稿：whsnow
控制input框只读可以防止用户对数据的更改，在某些情况下还是比较实用的，下面使用js来完成这个只读实现
复制代码 代码如下:
<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框恢复。
-->
相关文章
本文给大家通过3个方法向大家展示了javascript中的setTimeout的使用，非常的简单，有需要的小伙伴可以参考下。2015-07-07
Javascript实现图片轮播效果(二)图片序列节点的控制实现
这篇文章主要介绍了Javascript实现图片轮播效果(二)图片序列节点的控制实现的相关资料,需要的朋友可以参考下2016-02-02
html如何向js方法传递参数，在本文将为大家详细介绍下html注册事件向引用方法中的传参问题，感兴趣的朋友可以参考下，希望对大家有所帮助2013-08-08![[全兼容哦]--实用、简洁、炫酷的页面转入效果loing](//img.jbzj.com/images/xgimg/bcimg3.png)
[全兼容哦]--实用、简洁、炫酷的页面转入效果loing...2007-05-05
本篇文章主要介绍了JS比较两个时间大小的简单示例代码。需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
这篇文章主要为大家详细介绍了原生js实现表格拖动选项，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-04-04
这篇文章介绍了JS代码同步文本框内容的方法，有需要的朋友可以参考一下2013-07-07
这篇文章主要介绍了前端JavaScript 6 种主流接口请求技术的相关资料,包括XMLHttpRequest、FetchAPI、Axios、jQueryAjax、WebSocket和GraphQL,并提供了每种方案的基础用法、高级配置、优点、缺点及适用场景,文中通过代码介绍的非常详细,需要的朋友可以参考下2025-03-03
详解element-ui 表单校验 Rules 配置 常用黑科技
这篇文章主要介绍了element-ui 表单校验 Rules 配置 常用黑科技，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-07-07
这篇文章主要介绍了selenium 反爬虫之跳过淘宝滑块验证功能，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-08-08
![[全兼容哦]--实用、简洁、炫酷的页面转入效果loing](http://img.jbzj.com/images/xgimg/bcimg3.png)
最新评论