По умолчанию, при создании текстовой области textarea, она имеет определенные заданные значения высоты и ширины.

Посмотрите, как это выглядит:

Как правило, эти значения нас устраивать не будут и мы захотим их изменить.

В этой статье хочу показать, как это можно сделать.

Специально для задания размеров textarea используются два атрибута cols и rows.

rows - это атрибут, который позволяет задать высоту текстовой области в строках. Задавая здесь какое-нибудь значение, мы указываем сколько строк текста должна отображать текстовая область без прокрутки.

cols - это параметр, который задает количество символов, которые будут отображаться по горизонтали, без использования полосы прокрутки. С ее помощью вы можете регулировать ширину текстовой области.

Кроме того, изменять высоту и ширину можно с помощью стилей CSS и свойств width и height.

<textarea cols="60" rows="5">Текстовая область</textarea>
<textarea style="width:300px; height:150px;">Текстовая область</textarea>

Посмотрите, как это работает.