Атрибут cols тега <textarea>

Описание

Атрибут cols в теге <textarea> определяет видимую ширину текстового поля в символах (усреднённая ширина символа). Это атрибут физического размера, влияющий на отображение элемента.

Пример использования:
<textarea cols="40"> Ширина этого поля составляет примерно 40 символов </textarea>

Особенности работы:

  • 1 col ≈ средняя ширина символа в текущем шрифте
  • Минимальное допустимое значение - 1
  • Если не указан, браузер использует значение по умолчанию (обычно 20)
  • Реальная ширина может отличаться в зависимости от шрифта и CSS-стилей

Рекомендации:

  • Используйте вместе с атрибутом rows для базовых размеров
  • Для точного контроля размеров лучше использовать CSS (width)
  • Учитывайте среднюю длину ожидаемого ввода
  • Тестируйте отображение с разными шрифтами

Пример с CSS и cols:

<style> .custom-textarea { width: 300px; font-family: monospace; } </style> <textarea cols="40" class="custom-textarea"> Сочетание cols и CSS даёт гибкость </textarea>

Ограничения:

  • Неточность из-за различий в ширине символов
  • Может переопределяться CSS-свойствами
  • Не адаптируется под мобильные устройства
  • Плохо работает с пропорциональными шрифтами

Сравнение с CSS:

Характеристика Атрибут cols CSS width
Точность Приблизительная Точная
Адаптивность Нет Да
Зависимость от шрифта Сильная Слабая
Рекомендация Для простых случаев Для профессиональных решений

Примечание: Для современных адаптивных интерфейсов лучше использовать:

  • CSS-свойства width и max-width
  • Единицы измерения vw, ch, em
  • Медиа-запросы для адаптации под разные экраны