How to set a maximum in a textarea?

Question

I am trying to make a textarea but I want to make it so the user cannot make it bigger or smaller. I still want them to be able to type in it. Just not control the textarea with the little control button in the bottom right corner. Any suggestions?

Possible duplicate of http://stackoverflow.com/questions/5235142/how-to-disable-resizable-property-of-textarea — soktinpk, Oct 27 '14 at 03:01

score 1 · Answer 1 · answered Oct 27 '14 at 02:45

1

You will need to set the resize property of your textarea to none:

textarea {
    resize: none;
}

textarea {
  resize: none;
}

<textarea rows="4" cols="50">
  At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>

answered Oct 27 '14 at 02:45

Fahad Hasan

10,231
4
29
36

@zacharyfoster You're welcome. Please mark my answer as the correct one so that users can know your query has been answered. Thank you. – Fahad Hasan Oct 27 '14 at 03:15

score 1 · Answer 2 · edited Oct 27 '14 at 08:19

1

use this:

textarea { resize: none;}

edited Oct 27 '14 at 08:19

Kypros

2,997
5
21
27

answered Oct 27 '14 at 07:35

Shariq

275
2
5

score 0 · Answer 3 · answered Oct 27 '14 at 02:46

0

you can do this with resize: none set on textarea

answered Oct 27 '14 at 02:46

jmore009

12,863
1
19
34

How to set a maximum in a textarea?

3 Answers3