js控制input框只读实现示例
更新时间：2014年01月20日 16:10:26 作者：
控制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框恢复。
-->
相关文章
这篇文章主要为大家详细介绍了JS实现网页端猜数字小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
浅谈JavaScript中Date(日期对象),Math对象
这篇文章主要简单介绍了JavaScript中Date(日期对象),Math对象的相关资料,需要的朋友可以参考下2015-02-02
这篇文章主要介绍了CocosCreator经典入门项目之flappybird，详细说明了制作的每个步骤，还有详尽的代码，对CocosCreator感兴趣的同学，一定要看一下2021-04-04
这篇文章主要介绍了微信小程序时间控件picker view的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-12-12
今天小编就为大家分享一篇layer.confirm点击第一个按钮关闭弹出框的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
Nodejs使用mysql模块之获得更新和删除影响的行数的方法
业余时间玩nodejs的时候遇到点蛋疼的情况, 在使用mysql模块连接mysql操作, 想在update, delete语句的时候, 想知道到底update, delete成功了没有2014-03-03
最近小编在项目中用到了一款带轮播组件，功能非常齐全，可以设置各种标题样式、动画效果、轮播时间、开始暂停等功能，下面小编通过本文给大家详细介绍下实现过程，需要的朋友参考下吧2016-11-11
继承是面向对象三大特征之一,可以使得子类具有父类的属性和方法,同时还可以在子类中重新定义以及追加属性和方法,本文为大家整理了JS中常见的6种继承方式,希望对大家有所帮助2023-08-08
这篇文章主要为大家详细介绍了Bootstrap Search Suggest使用例子，教大家使用bootstrap搜索建议插件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
in运算符是javascript语言中比较特殊的一个，可以单独使用作为判断运算符，也常被用于for...in循环中遍历对象属性2011-09-09
最新评论