rows и cols: исходный размер textarea
Атрибуты rows и cols задают ориентировочный исходный размер многострочного текстового поля.
Назначение
Атрибуты rows и cols задают ориентировочный исходный размер многострочного текстового поля.
Как это работает
rows относится к числу видимых строк, cols — к приблизительной ширине в символах. Они не ограничивают длину текста. Точный внешний размер, максимальную ширину и возможность изменения размеров настраивают CSS.
Пример
<label for="message">Сообщение</label>
<textarea id="message" name="message" rows="5" cols="40" style="max-width:100%;box-sizing:border-box"></textarea>Что должно получиться
Поле начинается примерно с пяти строк высоты и сорока символов ширины. Длинный ввод прокручивается внутри, а CSS ограничивает ширину доступным пространством.
Граница применения и частая ошибка
Не задавайте жёсткую ширину, из-за которой textarea выходит за экран. И не принимайте rows за ограничение числа строк: пользователь может ввести больше и прокрутить поле.
Самостоятельная проверка
Введите больше строк, чем указано в rows. Затем уменьшите ширину окна и убедитесь, что поле помещается в контейнер; отдельно задайте maxlength, если нужен лимит данных.
HTML и CSS можно изменить в песочнице ниже. Она изолирована: JavaScript, внешние ресурсы и отправка форм отключены. Для проверки сетевых запросов, отправки данных или функций браузера используйте отдельную локальную страницу.