用JS实现input输入框里的只读属性

大家好！今天我再写程序时，见到了用js如何使input里的输入框产生只读属性。特意搜索一些资料，网上说的很多，我见到了一个特别的，而且简单，给大家分享一下。
欢迎大家转发，版权归作者所有，转载请注明出处

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><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.removeAttribute("readOnly");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>

点击只读按钮输入框就会变色，并且只读不写，再点击可写按钮就会撤销只读属性，变得可写，并且颜色也变回来了。

用JS实现input输入框里的只读属性相关推荐

JS 判断input输入框日期时间格式是否符合YY-MM-DD HH:MM:SS和是否符合实际日期规范方法以及SQL时间日期格式转化存储
JS 判断input输入框日期时间格式是否符合YY-MM-DD HH:MM:SS和是否符合实际日期规范方法以及SQL时间日期格式转化存储先获取input文本框内输入值 <p>日 & ...
html获取鼠标选中文本,经过JS获得input输入框中用鼠标选中的内容
通过JS获得input输入框中用鼠标选中的内容 New Document //Firefox, Safari, Opera下,可以用window.getSelection(), 参考MDC //IE下 ...
js实现input输入框内容自动格式化工具-Cleave.js使用教程
Cleave.js是一个帮助表单实现各种复杂实时格式化显示的工具库,可以说Cleave.js让表单的输入变得更加的高逼格,能实现很多复杂的表单格式化显示,简而言之就是针对 <input> ...
js验证input输入框（字母，数字，符号，中文）
<h1>js验证输入框内容</h1> <br /> <br /> 只能输入英文 <input type="text" on ...
js设置input输入框为必选输入框，判断空格或null值
设置input为输入框为必选输入框,即判空: <form action="demo-form.php">Username:<span style="co ...
js获取input输入框的值
代码如下所示: <!DOCTYPE html> <html> <head><meta charset="utf-8"><met ...
html获取文本框中的文字,JavaScript实现input输入框点击获取文字内容
Js实现INPUT输入框,当鼠标点击文字时自动获取文字内容,并显示在文本框中,一个惯用的表单技巧,有时可省去一些用户输入的麻烦,可有效提升用户体验. input输入框获取js点击文字内容 .c{ wi ...
DataList：HTML5中的input输入框自动提示宝器
DataList的作用是在你往input输入框里输入信息时,根据你敲进去的字母,自动显示一个提示下列列表,很像百度或谷歌的搜索框的自动提示,在飞机票火车票的搜索页面上也有这样的效果.它是HTML5里新 ...
html5手机号输入框,input输入框限制（座机，手机号码）
记录一下座机input输入框: 手机input输入框: 说明: 座机限制只能输入数字和"-"且最大长度20位,手机限制只能输入数字且最大长度11位. 存在一个问题,当是搜狗输入法 ...

用JS实现input输入框里的只读属性

用JS实现input输入框里的只读属性相关推荐

最新文章

热门文章