js控制input框只读实现范例
发布时间：2023-09-25 15:33:15 所属栏目：教程 来源：
导读：代码如下:
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords&q
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords&q
|
代码如下: <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框恢复。 --> （编辑：聊城站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
推荐文章
站长推荐
