Атрибут `rows` HTML тега `<textarea>`

Значение и применение

Атрибут rows (HTML тега <textarea>) определяет видимую высоту текстовой области (в символах). Если атрибут указан, то его значение должно быть положительным целым числом. Значение по умолчанию 2 символа.

Ширину текстового поля в символах вы можете задать с использованием атрибута cols, а ширину с использованием единиц измерения - CSS свойством width.

Поддержка браузерами

Спецификация: multipage

Поддерживается во всех основных браузерах с 2015 года.

ВсеКомпьютерыМобильные

Совместимостьhtml.elements.textarea.rows
Возможность	Компьютеры					Мобильные
Возможность	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Browser	WebView Android	WebView on iOS
`rows`	✓1	✓12	✓1	✓≤12.1	✓≤4	✓18	✓4	✓≤12.1	✓≤3.2	✓1.0	✓4.4	✓≤3.2

поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31

Синтаксис:

HTML

<textarea rows =  "number">

Значения атрибута

Значение	Описание
`number`	Задает высоту области текста в символах. Значение по умолчанию 2 символа.

Отличия HTML 4.01 от HTML 5

Нет.

Примеры, попробуйте сами

Атрибут rows элемента textarea

Измените rows в HTML и сравните результат.

base.css

CSS

* {
    box-sizing: border-box;
}
body {
    margin: 16px;
    color: #24364b;
    font:
        16px/1.5 system-ui,
        sans-serif;
    overflow-wrap: anywhere;
}
label {
    display: block;
    margin: 12px 0;
}
input,
select,
textarea,
button {
    max-width: 100%;
    font: inherit;
}
textarea {
    vertical-align: top;
}
button {
    margin: 4px;
    padding: 6px 10px;
}
img {
    max-width: 100%;
}
fieldset {
    min-width: 0;
}
pre {
    max-width: 100%;
    overflow: auto;
}
:focus-visible {
    outline: 2px solid #35658a;
    outline-offset: 2px;
}

table {
    border-collapse: collapse;
    max-width: 100%;
}
th,
td {
    border: 1px solid #8094a6;
    padding: 8px;
    text-align: left;
}

index.html