17.03.2017   3930
Многострочное поле ввода в 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>

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

Домашнее задание
Для просмотра домашки нужно войти на сайт.
Или получить доступ прямо сейчас:


Нажимая эту кнопку
Вы принимаете политику конфиденциальности

Комментарии

Чтобы написать комментарий нужно войти на сайт.
Или получить доступ прямо сейчас:


Нажимая эту кнопку
Вы принимаете политику конфиденциальности