Чат PHP-разработчиков
Логические задачи
Многострочное поле ввода в HTML

Многострочное поле ввода: тег textarea

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

Речь пойдет о многострочном текстовом поле. И для его создания используется тег <textarea>. Данному тегу присущи такие атрибуты, как name и id. Они аналогичны атрибутам текстового поля.

С помощью атрибута rows, задав ему целочисленное значение, можно указать высоту многострочного поля, измеряемую в строках.

С помощью атрибута cols можно указать ширину поля, которая измеряется в символах. Шириной символа принято считать определенное значение, называемое «усредненной шириной».

Многострочное поле не имеет атрибута value. Чтобы задать значение по умолчанию, следует действовать иначе. А именно, расположить текст внутри тега <textarea>. Именно он и будет представлять собой значение по умолчанию.

На примере это выглядит вот так:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Форма поиска в Яндексе</title>
</head>
<body>
<form method="post" action="/im/">
    <label for="nameField">Имя</label><br>
    <input type="text" id="nameField" size="30" name="name">
    <br>
    <label for="messageField">Сообщение</label><br>
    <textarea name="message" id="messageField" cols="50" rows="10">Введите здесь своё сообщение...</textarea>
    <br>
    <input type="submit" value="Отправить сообщение">
</form>
</body>
</html>

Результат в браузере:

Присоединяйтесь к нам в ВКонтакте и в Facebook, чтобы не пропустить новые уроки. А также вступайте в наш чат PHP-разработчиков в Telegram.
Домашнее задание
Задание и его проверка доступны только для патронов проекта. От 1$/месяц.
Читайте также
Комментарии (4)
Комментирование урока доступно только для патронов проекта. От 1$/месяц.