How to disable text input in textarea

Question

I just need to disable typing any text into text-area, I want to use text-area just for showing text. I am making a chat web-site.

Answer 1

您可以添加readonly

 <textarea cols="30" rows="10" readonly>Lorem ipsum dolor.</textarea> 

Answer 2

Use disabled attribute for this
You can style this in CSS

Or If you want only to show text use div or span not textarea

Answer 3

对于使用以下语法的Angular应用程序，它将不允许任何pointer events但是我们可以scroll上下文

<textarea cols="30" rows="10" [readonly]="true/false">{{info}}</textarea>