在HTML中,要将textarea
设置为只读(read-only),可以使用readonly
属性。将readonly
属性添加到textarea
元素
上即可禁用用户对其进行编辑。以下是一个示例:
html
<!DOCTYPE html>
<html>
<body>
<textarea readonly>This is a read-only textarea.</textarea>
</body>
</html>
在上面的示例中,<textarea>
元素被设置为只读,因此用户将无法编辑其中的文本内容。
注意:
- readonly
属性也适用于其他输入元素,如<input type="text">
。
- 通过CSS样式可以自定义只读输入元素的外观。
- 可以通过JavaScript来动态地更改输入元素的只读状态。例如,可以使用element.readOnly = true
或
element.readOnly = false
来在脚本中切换只读状态。