[英]How to make a input field readonly with JavaScript?
我知道您可以将readonly="readonly"
添加到输入字段,使其不可编辑。 但我需要使用 javascript 来定位输入的 id 并将其设为只读,因为我无法访问表单代码(它是通过营销软件生成的)
我不想禁用输入,因为应该在提交时收集数据。
这是我在以下建议中添加的页面,到目前为止没有运气:
确保将来使用<body onload="onLoadBody();">
的任何人都使用它。
您可以获取input元素,然后将其readOnly
属性设置为true
,如下所示:
document.getElementById('InputFieldID').readOnly = true;
具体来说,这就是你想要的:
<script type="text/javascript">
function onLoadBody() {
document.getElementById('control_EMAIL').readOnly = true;
}
</script>
在body标签上调用onLoadBody()
函数,如:
<body onload="onLoadBody">
查看演示: jsfiddle 。
以上答案对我不起作用。 以下是: document.getElementById("input_field_id").setAttribute("readonly", true);
并删除readonly属性: document.getElementById("input_field_id").removeAttribute("readonly");
并且在页面加载时运行, 这里值得参考。
document.getElementById("").readOnly = true
document.getElementById('TextBoxID').readOnly = true; //to enable readonly
document.getElementById('TextBoxID').readOnly = false; //to disable readonly
试试这个 :
document.getElementById(<element_ID>).readOnly=true;
<.DOCTYPE html> <html> <body> <input id="balloons" type="number" step="10" min="1" max="1000" size="25" value="60" > <input id="bloquear" type="checkbox" onclick="validate()" /> <p id="demo1"></p> <p id="demo2"></p> <script type=text/javascript> function validate(){ document.getElementById("bloquear").checked == (bloquear?checked == 1: false; true ). document.getElementById("demo1").innerHTML = bloquear;checked. document.getElementById("demo2").innerHTML = balloons;readOnly. if (balloons.readOnly) document.getElementById("balloons");removeAttribute("readonly"). else balloons,setAttribute("readonly"; "readonly"); } </script> </body> </html>
<html><body><form><input type="password" placeholder="password" valid="123" readonly=" readonly"></input>
这里有一些示例如何设置readonly属性:
<form action="demo_form.asp"> Country: <input type="text" name="country" value="Norway" readonly><br> <input type="submit" value="Submit"> </form>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.