javascript怎么设置input框为只读
设置方法：1、使用“document.getElementById(id)”语句根据指定id值获取input元素对象；2、使用“input对象.setAttribute("readOnly", true)”语句给input元素添加只读样式。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
在javascript中，想要设置input框为只读，只需要使用setAttribute()方法给input元素添加只读属性--readOnly即可。
setAttribute() 方法添加指定的属性，并为其赋指定的值。
语法：
element.setAttribute(attributename,attributevalue)
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<input type="text" id="text" /><br><br>
<input type="button" value="设为只读" id="btn" />
<script>
function my(id) {
return document.getElementById(id);
}
my("btn").onclick = function() {
my("text").setAttribute("readOnly", true);
}
</script>
</body>
</html>
【相关推荐：javascript学习教程】
以上就是javascript怎么设置input框为只读的详细内容！
相关内容
-
javascript怎么设置input value属性的值
在javascript中，可以利用setAttribute()方法来设置inputvalue值，该方法可以设置指定元素的属性值；语法格式“input元素对象.setAttrib...
-
javascript怎么改变input value值
改变方法：1、利用value属性，语法“input对象.value="修改后的值";”；2、利用setAttribute()方法，语法“input对象.se...
-
5个有用的css函数（分享）
CSS包含了许多函数，而且它能够完成许多早期需要用JavaScript才能完成的事情。每年都有新的特性被添加进来，这让我们的开发更加轻松，也减少了对JavaScript的依赖。...
-
详解CSS3+SVG滤镜实现不规则边框的方法
本篇文章将介绍一种配合SVG滤镜实现各种不规则图形添加边框的小技巧。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。需求背景，给不规则图形添加边框在我们日常开发...
-
css input样式怎么修改
cssinput样式修改的方法：1、利用伪类元素改变radio样式；2、利用label指向input，然后通过改变label样式来达到效果即可。本文操作环境：Windows7系...
-
input如何去掉边框
在css中，可以使用border属性去掉边框，只需要给input元素设置“border:none”样式即可。border属性设置所有的边框属性，当值为none时，表示对标签元素...
-
css input大小怎么设置
在css中，可以使用width和height属性来设置input元素的大小，只需要给input元素添加“width:宽度值;height:高度值;”样式即可。input属于行内...
-
css input怎么去掉边框
css去掉input边框的方法：1、使用“border:none;”语句定义无边框样式来去掉；2、使用“border:0;”语句设置边框宽度为0来去掉；3、使用“border:...
-
css怎么将文本框设置为只读
css将文本框设置为只读的方法是，在input文本框中添加readonly属性即可。readonly属性是一个布尔属性，该属性用来规定输入字段是只读的。本文操作环境：windo...
-
css如何清除input默认样式
css清除input默认样式的方法是，将input的各个属性的属性值设置为none即可，例如【background:none;outline:none;border:none;...
