Текстареа — это многострочный элемент интерфейса, предназначенный для ввода текста пользователем. Если количество вводимых символов ограничено, то размер текстареи должен определяться этим значением.

Текстареа твитера.

А если максимальное количество вводимых символов не регламентировано, пользователь может набрать хоть «Войну и мир» и это следует учитывать.

Самое простое — сделать текстарею широкой и высокой, насколько это позволяет вёрстка сайта и высота окна браузера.

Микроскопическая текстареа на сайте Капитал-груп. В настоящее время сайт переделан.

Ещё одна малютка на новом сайте Км/ч — картинка с капчей и то крупнее. В настоящее время форма переделана.

Итак, делаем максимально большую текстарею. Но тут есть один подвох. Текстареа имеет свою полосу прокрутки, а значит, если навести на нее случайно курсор мышки во время прокрутки страницы, то страница скролиться перестанет, а начнёт текстареа. Ещё хуже, если на странице несколько текстарей и каждая норовит «украсть» фокус мышки. Чтобы этого избежать, пользователю приходится постоянно думать о том, где сейчас находится курсор.

Решается проблема просто — надо растягивать текстарею в зависимости от введённого в неё текста.

Пример растягивающейся текстареи.

Подобные текстареи реализованы в Фейсбуке и Вконтакте. Попробовать на практике, как они работают можно в комментариях ↓ ниже.