Текстовое поле (textarea)

Используйте textarea для многострочного текста. Задайте начальную высоту через rows. Trace CSS позволяет менять высоту поля. Атрибут readonly разрешает выделять текст и запрещает его менять, а disabled делает поле недоступным.

#Примеры

<label>
  Сообщение
  <textarea name="message" rows="3" placeholder="Напишите сообщение"></textarea>
</label>
<label>
  Заметки для чтения
  <textarea rows="2" readonly>Эти заметки видны всем.</textarea>
</label>
<label>
  Недоступные заметки
  <textarea rows="2" disabled></textarea>
</label>

Сообщение Заметки для чтения

Эти заметки видны всем.

Недоступные заметки

Оформление задают токены многострочных полей.

#Классы расширений

Полная сборка добавляет trace-small и trace-large. Средний размер применяется по умолчанию.

<textarea class="trace-small" rows="2" aria-label="Малое поле заметок" placeholder="Малый"></textarea>
<textarea rows="2" aria-label="Среднее поле заметок" placeholder="Средний"></textarea>
<textarea class="trace-large" rows="2" aria-label="Большое поле заметок" placeholder="Большой"></textarea>