Что такое text aria

Question

Что такое text aria

Тип вопроса: Доступность Вероятность: 10% Категория: Frontend Разработчик

Ответ

Textarea — это HTML-элемент <textarea>, предназначенный для ввода многострочного текста. В отличие от <input type="text">, он поддерживает переносы строк и имеет изменяемую высоту.

Основные свойства:

rows и cols — задают размеры (можно переопределить через CSS)
placeholder — текст-подсказка
disabled, readonly — управляют доступностью
maxlength — ограничивает количество символов

<textarea 
  rows="4" 
  cols="50" 
  placeholder="Введите текст..."
  maxlength="500">
</textarea>

Особенности:

Значение содержится между открывающим и закрывающим тегами, а не в атрибуте value
Поддерживает resize (можно отключить через CSS: resize: none)
Часто используется в формах (отзывы, комментарии)

Ответ 18+ 🔞

А, слушай, вот этот ваш <textarea> — ну, классика жанра, блядь! Это ж не какая-то одноразовая строчка, как у <input>, это тебе целый блокнот в HTML, ёпта. Туда можно впихнуть текст с абзацами, переносами — полная свобода, в рот меня чих-пых!

Чем он, сука, хорош:

rows и cols — это типа размеры, но их потом CSS'ом перебить можно, так что не парься.
placeholder — текст-приманка, который исчезает, как только начинаешь писать. Удобно, блядь.
disabled и readonly — первый вообще отключает, а второй только читать даёт. Разницу чувствуешь? Охуенно важная.
maxlength — чтоб пользователь не разошёлся и не написал тебе роман на тысячу страниц. Ограничитель, короче.

<textarea 
  rows="4" 
  cols="50" 
  placeholder="Ну пиши сюда, не стесняйся..."
  maxlength="500">
</textarea>

Важный нюанс, блядь, запомни! Значение у него — это не какой-то там атрибут value, а то, что между открывающим и закрывающим тегами лежит. Вот так вот, ёперный театр!

Ещё он по умолчанию тянется за уголок, resize называется. Если надоело — CSS'ом прибей: resize: none; и всё, сидит как вкопанный.

В общем, идеальная штука для всяких отзывов, комментариев и прочей писанины в формах. Без него никуда, чувак.