Знакомство с формами / Многострочное поле ввода [9/18]
×

Многострочное поле ввода [9/18]

Мы научились создавать простейшие формы с текстовыми полями и кнопками. А теперь познакомимся с более сложными элементами формы.

Многострочное текстовое поле создаётся с помощью парного тега <textarea>. У него есть атрибуты name и id, которые аналогичны атрибутам текстового поля.

Атрибут rows принимает целочисленное значение и задаёт высоту многострочного поля в строках. Атрибут cols задаёт ширину поля в символах. В качестве ширины символа берётся некоторая «усреднённая ширина».

Атрибут value у многострочного поля отсутствует, а значение по умолчанию задаётся по-другому. Текст, расположенный между открывающим и закрывающим тегом <textarea> и является значением по умолчанию. Вот так:

<textarea>Значение по умолчанию</textarea>

Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Многострочное поле ввода</title> </head> <body> <h1>Комментарии</h1> <form action="https://echo.htmlacademy.ru" method="post"> <p>Список комментариев</p> <p>Введите ваш комментарий:</p> <!-- добавьте поле сюда ---> <input type="submit" value="Отправить"> </form> </body> </html>
CSS
input[type="submit"] { display: block; margin-top: 10px; }
HTML Academy
  1. Добавьте в форму многострочное текстовое поле с именем comment и идентификатором comment-field.
  2. Задайте этому полю высоту 10 строк.
  3. И исходное значение Текст комментария.
Теория Проверить Следующее задание
Идёт запись на курс Базовый HTML и CSS #16, который стартует 16 января.

Обсуждение и комментарии

Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.

Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.

Перейти на форум или открыть комментарии.