Просмотров: 5 471

Как изменить размеры textarea в HTML.

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

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

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

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

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

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

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

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

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

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

Если мы еще не знакомы, меня зовут Дмитрий Ченгаев.

Я автор сайта на котором вы сейчас находитесь.

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

Вот ссылка на страницу услуг:

Мои услуги