Question

我的文字在下面是我正在处理的程序。

<div etype="TEXTAREA" style="width: 923px; position: absolute; left: 1px; top: 192px; " class="draggable ui-draggable" id="Element_5857257">
    <label>Log</label>
    <textarea variable="Log" class="form-control" style="white-space: nowrap; margin-left: 0px; margin-right: -6px; width: 923px; margin-top: 0px; margin-bottom: 0px; height: 364px; " placeholder="Log"></textarea>
</div>

我正在尝试禁用此文本区域并将其设为只读。我没有使用CSS的经验，所以我不确定这是否可能？

Answer 1

喜欢这样

<textarea disabled>
    strings...
</textarea>

在您的示例中，只需将disabled属性添加到textarea标记

即可

Answer 2

HTML解决方案：

<textarea disabled="true"></textarea>

JavaScript解决方案：

var textarea = document.getElementsByTagName("textarea");
textarea = textarea[0];
textarea.SetAttribute("disabled", "true");

此处编辑的答案反映了OP的更新代码：

<script type="text/javascript">
    var textarea = document.querySelector("textarea.form-control");
    textarea.SetAttribute("disabled", "true");
</script>

如果您愿意，您可以复制那一点JS，并将其放在<body>的末尾。或者，您可以只将disabled添加到textarea HTML标记中。如果这仍然不是您期望的解决方案，那么您需要重写您的问题。

Answer 3

MDN文件： Textarea

两个选项：

禁用：

此布尔属性表示用户无法与控件交互。（如果未指定此属性，则控件从包含元素继承其设置;例如，如果没有包含已禁用属性的包含元素，则启用该控件。）

只读：

此布尔属性表示用户无法修改控件的值。与disabled属性不同，readonly属性不会阻止用户在控件中单击或选择。仍然使用表单提交只读控件的值。

使用最适合您的用例。

Answer 4

您不能仅使用CSS禁用文本区域，使用CSS可以将其“绘制”为禁用状态：

#myTxtarea:disabled {background-color: #EEEEEE;}

但是它仍然可以访问，只是看起来“不同”。

如何禁用CSS文本区域

4 个答案: