Disabled Scrollable Textarea

Why use a <textarea> if user can't edit it ?

A simple <div> would do the trick with fixed height and overflow:auto;


<textarea readonly="true"></textarea>

just use readonly property

Update:

<textarea readonly>Some text</textarea>

I think you need to know the readonly property.

<textarea readonly>blabla<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/></textarea>

Try here : link


the easiest way would be to use "readonly" instead.

another way would be to use a fixed-height div will overflow:scroll that looks like a textarea but isn't.

Tags:

Html