Руководство по HTML

Полный список тегов HTML

HTML: <form> тег

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

Онлайн пример

HTML-форма с двумя полями ввода и кнопкой отправки:

Пример

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Использование тега HTML5 footer (Учебный сайт oldtoolbag.com)</title>
</head>
<body>
<h1>Учебник oldtoolbag.com по основам</h1>
<form action="demo-form.php" method="post">
　　Компания: <input type="text" name="company"><br>
　　Адрес: <input type="text" name="address"><br>
　　<input type="submit" value="Submit">
</form>
</body>
</html>

Проверьте, <‹/›>

В этом примере документа HTML5 мы используем тег <form> для создания HTML-формы. Форма содержит два контрола <input> для компании и адреса, а также кнопку отправки.

Результат выполнения после выполнения:}}

Совместимость с браузерами

IEFirefoxOperaChromeSafari

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

Внимание при использовании тегов

Если вы установили autocomplete в off для формы, потому что текущий документ предоставляет уникальное автоматическое завершение ввода, то вы также должны установить autocomplete в off для каждого элемента input в этой форме, чтобы документ мог接管 автоматическое завершение ввода.

Определение и описание использования тегов

Тег <form> используется для создания HTML-формы для ввода пользователя.

Элемент <form> содержит один или несколько таких элементов формы:

Различия между HTML 4.01 и HTML5

HTML5 добавил два новых атрибута: autocomplete и novalidate, и больше не поддерживает некоторые атрибуты из HTML 4.01.

Различия между HTML и XHTML

В XHTML атрибут name弃用. Используйте глобальный атрибут id вместо.

Атрибут

New　：Новый атрибут в HTML5.

Атрибут	Значение	Описание
accept	MIME_type	HTML5 не поддерживает. Определяет тип файла, который принимает сервер (файлы загружаются через загрузку файла).
accept-charset	character_set	Определяет набор символов, который сервер может обрабатывать.
action	URL	Определяет, куда отправлять данные формы при отправке.
autocompleteHTML5	on off	Определяет, включена ли функция автоматического завершения ввода для формы.
enctype	application/x-www-form-urlencoded multipart/form-data text/plain	Определяет, как кодировать данные формы перед отправкой на сервер ( применимо к method="post" ).
method	get 　post	Определяет HTTP-метод, который будет использоваться для отправки данных формы.
name	text	Определяет имя формы.
novalidateHTML5	novalidate	Если использовать этот атрибут, то при отправке формы не будет производиться проверка.
target	_blank 　_self 　_parent 　_top	Указывает, где открыть URL действия.

Глобальные свойства

Поддержка тега <form> Глобальные свойства HTML.

Свойства событий

Поддержка тега <form> События свойства HTML.

Попробуйте онлайн пример

Одиночные кнопки выбора (Radio buttons)
Этот пример показывает, как создать одиночные кнопки выбора в HTML.

Флажки (Checkboxes)
Этот пример показывает, как создать флажки в HTML странице. Пользователь может选中 или取消选中 флажки.

Простой список для выбора
Этот пример показывает, как создать простой список для выбора в HTML странице. Лист для выбора это список, который можно выбрать.

Предварительно выбранная выпадающая lista
Этот пример показывает, как создать простый выпадающий список с предварительно выбранными значениями.

Текстовое поле (Textarea)
Этот пример показывает, как создать текстовое поле (многострочный текстовый ввод). Пользователь может写入 текст в текстовое поле. Количеством знаков, которые можно ввести, не ограничено.

Создать кнопку
Этот пример показывает, как создать кнопку. Вы можете настроить текст на кнопке.

С的相关文章

HTML курс:HTML формы и ввод

HTML DOM справочник: Объект Form

HTML: <i> тег HTML: <footer> тег