如何使用 javascript / html 使文本输入字段“只读”？答案

【问题标题】：How to make a text input field "readonly" using javascript / html?如何使用 javascript / html 使文本输入字段“只读”？
【发布时间】：2020-07-30 20:20:03
【问题描述】：

我想自定义我的 Jira，需要在 javascript/html 中将文本输入字段设置为只读。我已经得到了以下代码，它在我的自定义字段“摘要”中设置了一个默认值：

   window.ATL_JQ_PAGE_PROPS =  $.extend(window.ATL_JQ_PAGE_PROPS, {

          triggerFunction: function(showCollectorDialog) {
            $('#feedback-button').on( 'click', function(e) {
                e.preventDefault();
                showCollectorDialog();
            });
        },

        fieldValues: {
            summary : 'Solution'
                }

          });

</script>

下一步是将“摘要”设置为只读，这样用户就不能再修改我的预定义标题了。我已经尝试过“document.getElementById("summary").setAttribute("readonly", true);"和类似的东西，但没有成功。也许我做错了什么，因为我不是程序员，有人有建议吗？

提前致谢

【问题讨论】：

这能回答你的问题吗？ What is the correct readonly attribute syntax for input text elements?
感谢您的快速回复，但我已经尝试了其中一些版本，但没有成功。也许我把它放在错误的地方，代码本身就可以工作。你能告诉我我必须把这些放在哪里吗？
如果您有权访问HTML 代码，请编辑您的答案并显示您尝试过但没有奏效的内容 - 我可以为您提供更好的帮助。
我基本上使用了上面的引用并将其复制到我的脚本中的标记之前。我不知道把这个放在哪里。我最初发布的代码是我到目前为止所得到的。访问 HTML 是什么意思？我应该在下创建一个新块并将其放入其中吗？但是它与块中的内容无关，还是我错了？
不，该代码不会出现在您的 <script></script> 标签之间 - JavaScript 代码会出现在这些标签之间，<input ... /> 代码会出现在您的 <body></body> 标签之间。

标签： javascript html input textfield readonly

【解决方案1】：

  &lt;input type="text"  value="static value" readonly&gt;

您可以使用只读属性来执行此操作，它可以防止所有类型的更改

【讨论】：

感谢您的回复，原来我需要在我的代码中使用 Javascript 来获得只读功能，因为我无法按预期编辑 HTML。所以我又回到了起点。
@Schmiddi 那么你应该试试这个； document.getElementById("myText").readOnly = true;
对不起，我的回答迟了，但这也不起作用。不知道为什么或我会丢失什么，但似乎我无法访问该字段。问题是，为什么我可以在那里设置一个默认值。
对于默认值，只需将变量传递给 value={data.value}