flexbe banner 468x60flexbe banner 728x90flexbe banner 930x180etxt banner 468x60etxt banner 728x90etxt banner 930x180skillbox banner 468x60skillbox banner 728x90skillbox banner 930x180

HTML-тег <form>

Тег <form> определяет HTML-форму, которая содержит интерактивные элементы управления, которые позволяют пользователю отправлять информацию на веб-сервер. Форма HTML используется для сбора информации о пользователе, такой как имя пользователя, пароль, контакты и т. д.

Информация может быть получена с использованием множества различных элементов управления формы, таких как <input>, <textarea>, <select>, <option>, <button>. Существуют также элементы для управления маркировкой и группировкой, например <optgroup>, <fieldset>, <legend> и <label>.

Тип: Block
Контент: Блочные, строчные элементы, текст, но нельзя вставлять другие элементы <form>
Открывающий тег: Обязательный
Закрывающий тег: Обязательный
Версия: HTML 2, 3.2, 4, 4.01, 5

Синтаксис

Базовый синтаксис тега <form> выглядит следующим образом:

HTML / XHTML: <form action="URL" method="get|post"> ... </form>

Примеры написания кода тега <form>:

<form action="action.php" method="post">
    <p>
        Имя: <input type="text" name="first-name">
        <button type="submit" value="Отправить">Отправить</button>
        <button type="reset" value="Обновить">Обновить</button>
    </p>
</form>

Специальные атрибуты тега

В следующей таблице приведены атрибуты, которые относятся к тегу <form>:

Атрибут Значение Описание
accept content-type-list Разделенный запятыми список типов контента, которые принимает сервер.
accept-charset charset-list Задает список кодировок символов для полей <input>, которые принимаются сервером, обрабатывающим эту форму.
action URL Указывает URL-адрес программы, которая обрабатывает информацию, отправленную через форму.
autocomplete on
off
Указывает, включена ли функция автозаполнения браузера для формы.
enctype application/x-www-form-urlencoded
multipart/form-data
text/plain
Указывает, как данные формы должны быть закодированы при отправке формы на сервер (только для method="post")
method get
post
Указывает, какой метод HTTP будет использоваться для отправки данных формы.
name text Устанавливает имя формы.
novalidate novalidate Этот логический атрибут указывает, что форма не должна проверяться при отправке.
target _blank
_parent
_self
_top
Указывает цель для отображения ответа, полученного после отправки формы
Значением по умолчанию для атрибута enctype является application/x-www-form-urlencoded. Значение multipart/form-data должно использоваться в сочетании с элементом <input> (type="file").

Глобальные атрибуты

Как и все другие HTML-теги, тег <form> поддерживает все глобальные атрибуты в HTML5.

Атрибуты для событий

Тег <form> так же поддерживает атрибуты событий в HTML5.

Поддержка браузеров

Тег <form> поддерживается во всех основных браузерах.

kwork banner 480x320kwork banner 728x90kwork banner 120x600beget banner 480x320beget banner 728x90beget banner 120x600jivo banner 480x320jivo banner 728x90jivo banner 120x600

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.

Похожие посты