如何使用 JavaScript 使輸入字段只讀？
[英]How to make a input field readonly with JavaScript?
問題描述
我知道您可以將readonly="readonly"添加到輸入字段，使其不可編輯。 但我需要使用 javascript 來定位輸入的 id 並將其設為只讀，因為我無法訪問表單代碼（它是通過營銷軟件生成的）
我不想禁用輸入，因為應該在提交時收集數據。
這是我在以下建議中添加的頁面，到目前為止沒有運氣：
確保將來使用<body onload="onLoadBody();">的任何人都使用它。
8 個解決方案
解決方案1
61 已采納 2013-07-24 05:22:05
您可以獲取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 。
解決方案2
20 2016-07-06 18:39:22
以上答案對我不起作用。 以下是： document.getElementById("input_field_id").setAttribute("readonly", true);
並刪除readonly屬性： document.getElementById("input_field_id").removeAttribute("readonly");
並且在頁面加載時運行， 這里值得參考。
解決方案3
4 2013-07-24 05:04:09
document.getElementById("").readOnly = true
解決方案4
4 2013-07-24 05:12:36
document.getElementById('TextBoxID').readOnly = true; //to enable readonly
document.getElementById('TextBoxID').readOnly = false; //to disable readonly
解決方案5
2 2013-07-24 05:05:59
試試這個 ：
document.getElementById(<element_ID>).readOnly=true;
解決方案6
0 2022-04-27 20:26:18
<.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>
解決方案7
-1 2019-04-13 11:51:34
我想你只是readonly =“readonly”
<html><body><form><input type="password" placeholder="password" valid="123" readonly=" readonly"></input>
解決方案8
-2 2014-11-12 16:32:25
這里有一些示例如何設置readonly屬性：
<form action="demo_form.asp"> Country: <input type="text" name="country" value="Norway" readonly><br> <input type="submit" value="Submit"> </form>
如何使用 javascript / html 使文本輸入字段“只讀”？
[英]How to make a text input field “readonly” using javascript / html?
在 CSS 或 JavaScript 中不更改背景顏色的情況下將輸入字段設為只讀
[英]Make input field readonly without changing background colour in CSS or JavaScript
如何基於當月使用Javascript將輸入字段設置為READONLY
[英]How to set Input field to READONLY using Javascript based on the current month
如何在javascript中的readonly輸入字段內輸出結果？
[英]How to output result inside readonly input field in javascript?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.