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

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

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

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

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

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

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

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

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

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

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

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

Несколько книг по теме:

11198082_cover-pdf-kniga-kollektiv-avtorov-adobe-dreamweaver-cc-8383707

11608530_cover-pdf-kniga-metu-makdonald-html5

12912979_cover-pdf-kniga-k-suhov-html5-putevoditel-po-tehnologii