使用js设置input标签只读 readonly 属性

先上代码：

<html><head><title> test </title><meta charset="utf-8">
</head>
<script language="JavaScript">function setReadonly() {//document.getElementById("test").setAttribute("readOnly", true); document.getElementById("test").readOnly=true; } function readWrite() { //document.getElementById("test").setAttribute("readOnly", false); document.getElementById("test").readOnly=false; } </script> <body> <form name="addform" id="addform" method="post" action=""> <input type="text" id="test" > <input type="button" value="只读" οnclick="setReadonly();"> <input type="button" value="读写" οnclick="readWrite();"> </form> </body> </html>

　　代码挺简单的，但是这一点代码也有可能达不到预期效果。

　　一开始，在readWrite()函数中，我用的是注释掉的那些代码，没有用红色部分代码，结果点击“读写”按钮后，还是不可编辑。于是就改成了红色部分代码，结果再点击“读写”按钮就可以编辑了。

　　总结了一下，当达不到预期效果时，可以使用以下几种解决方案：

　　1、readonly中将‘o’改为大写‘O’ ，即将readonly改为readOnly ；

　　2、将上述代码中的setReadonly()和readWrite()函数中设置readOnly读写属性的那些代码组合着全试一遍，基本就能达到预期效果了。

转载于:https://www.cnblogs.com/yanzi-meng/p/8352590.html

使用js设置input标签只读 readonly 属性相关推荐

html vue.js readonly,使用js设置input标签只读 readonly 属性
先上代码: test function setReadonly() { //document.getElementById("test").setAttribute("r ...
input 标签取消readOnly属性
driver.find_element_by_id('idname').clear() driver.execute_script('document.getElementById("idn ...
html js修改readonly,js控制html元素的readonly属性
html元素假设为只读,那么其readonly="readonly",我们现在想通过js来改变readonly属性为可以输入. 初始时,两个输入框都是只读.点击change按钮后, ...
input标签的value属性详解
请结合这篇文章一起看 input 标签的 value 属性的作用是由 input 标签的 type 属性的值决定的当 type 的取值为 button.reset.submit 中的其中一个时,此时 ...
【input 标签的 type 属性详解】
input 标签的 type 属性详解 1. input 输入标签的 type 属性 1.1 input 标签的 type类型属性的常用属性值 ⑴ 单行文本框: type="text&qu ...
input标签加disabled属性后无法获得其value值
在做网站时,由于某些信息不能修改,故使用了input标签的disabled属性, 但是在提交数据后却发现显示为空了.后来一查才知道input设置为disabled值时会有下面的限制: 1.不能接收焦点 ...
vue 设置所有的输入框只读_elementUI 设置input的只读或禁用的方法
只读:readonly 在data里定义:readonly: true, 然后在input框里加上readonly就可以了. 禁用:disabled 在data里定义:edit: true, 然后在i ...
如何用jquery动态改变 input 输入框的readonly属性及CSS样式
样例 <style type="text/css">.disable{background-color: #d2d2d2;} </style><div ...
input标签的name属性详解
请结合这篇文章一起看 name 属性规定 input 元素的名称 name 属性用于对提交到服务器后的表单数据进行标识,或者在客户端通过 JavaScript 引用表单数据只有设置了 name 属性 ...

使用js设置input标签只读 readonly 属性

使用js设置input标签只读 readonly 属性相关推荐

最新文章

热门文章