js设置input文本框只读

来源：懂视网责编：小采时间：2020-11-27 20:31:57

js设置input文本框只读

js设置input文本框只读:控制input框只读可以防止用户对数据的更改，在某些情况下还是比较实用的，下面使用js来完成这个只读实现<html> <head> <title> New Document </title> <meta name="Generator" c

推荐度：

点击下载本文 文档为doc格式

导读js设置input文本框只读:控制input框只读可以防止用户对数据的更改，在某些情况下还是比较实用的，下面使用js来完成这个只读实现<html> <head> <title> New Document </title> <meta name="Generator" c

控制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设置input文本框只读

推荐度：

点击下载本文 文档为doc格式

标签： js 只读输入框

热门焦点

js设置input文本框只读

js设置input文本框只读

js设置input文本框只读

最新推荐

猜你喜欢

热门推荐