- •Описание
- •Синтаксис
- •Закрывающий тег
- •Описание
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Значение по умолчанию
- •Параметр href Описание
- •Значение по умолчанию
- •Описание
- •Описание
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Синтаксис
- •Аргументы
- •Значение по умолчанию
- •Описание
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Значение по умолчанию
- •Аналог css
- •Параметр valign Описание
- •Описание
- •Синтаксис
- •Закрывающий тег
- •Значение по умолчанию
- •Аналог css
- •Описание
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Значение по умолчанию
- •Аналог css
- •Описание
- •Синтаксис
- •Закрывающий тег
- •Описание
- •Синтаксис
- •Закрывающий тег
- •Описание
- •Синтаксис
- •Закрывающий тег
- •Описание
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Описание
- •Синтаксис
- •Закрывающий тег
- •Описание
- •Синтаксис
- •Параметры
- •Значение по умолчанию
- •Параметр height и width Описание
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Параметр align Описание
- •Синтаксис
- •Аргументы
- •Значение по умолчанию
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Параметр action Описание
- •Синтаксис
- •Аргументы
- •Значение по умолчанию
- •Значение по умолчанию
- •Описание
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Значение по умолчанию
- •Аналог css
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Параметр border Описание
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Описание
- •Синтаксис
- •Параметры
- •Синтаксис
- •Параметры
- •Значение по умолчанию
- •Параметр alt Описание
- •Синтаксис
- •Аргументы
- •Значение по умолчанию
- •Параметр lowsrc Описание
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Значение по умолчанию
- •Параметр alt Описание
- •Значение по умолчанию
- •Параметр value Описание
- •Описание
- •Синтаксис
- •Закрывающий тег
- •Описание
- •Синтаксис
- •Закрывающий тег
- •Описание
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Описание
- •Синтаксис
- •Параметры
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Значение по умолчанию
- •Описание
- •Синтаксис
- •Закрывающий тег
- •Описание
- •Синтаксис
- •Закрывающий тег
- •Описание
- •Синтаксис
- •Закрывающий тег
- •Описание
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Значение по умолчанию
- •Параметр src Описание
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Параметр multiple Описание
- •Описание
- •Описание
- •Синтаксис
- •Закрывающий тег
- •Описание
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Значение по умолчанию
- •Аналог css
- •Закрывающий тег
- •Синтаксис
- •Аргументы
- •Значение по умолчанию
- •Аналог css
- •Описание
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Значение по умолчанию
- •Аналог css
- •Значение по умолчанию
- •Аналог css
Синтаксис
<form> ... </form>
Параметры
action
Адрес CGI-программы или документа, которые обрабатывает данные формы.
enctype
MIME-тип информации формы.
method
Метод протокола HTTP.
name
Имя формы.
target
Имя окна или фрейма, куда обработчик будет загружать возвращаемый результат.
Закрывающий тег
Обязателен.
Пример 1. Использование тега <FORM>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body>
<form action="/cgi-bin/handler.cgi"> <b>Как по вашему мнению расшифровывается аббревиатура "ОС"?</b><br> <input type="radio" name="answer" value="a1">Офицерский состав<br> <input type="radio" name="answer" value="a2">Операционная система<br> <input type="radio" name="answer" value="a3">Большой полосатый мух </form>
</body> </html>
Описание параметров тега <FORM>
Параметр action Описание
Указывает обработчик, к которому обращаются данные формы при их отправке на сервер. В качестве обработчика может выступать CGI-программа или HTML-документ, который включает в себя серверные сценарии (например, Parser). После выполнения обработчиком действий по работе с данными формы он возвращает новый HTML-документ.
Если параметр action отсутствует, текущая страница перезагружается, возвращая все элементы формы к их значениям по умолчанию.
Синтаксис
<form action="URL">...</form>
Аргументы
В качестве значения принимается полный или относительный путь к серверному файлу (URL).
Значение по умолчанию
Нет.
Пример 2. Указание обработчика формы
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <form action="http://www.htmlbook.ru/download/file.php"> ... </form> </body> </html>
В качестве обработчика можно указать адрес электронной почты, начиная его с ключевого слова mailto. При отправке формы будет запущена почтовая программа установленная по умолчанию. В целях безопасности в браузере установлено, что отправить незаметно информацию, введенную в форме, по почте невозможно. Для корректной интерпретации данных используйте параметр enctype="text/plain" в теге FORM.
Пример 3. Отправка данных формы на электронную почту
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <form action="mailto:vlad@htmlbook.ru" enctype="text/plain"> ... </form> </body> </html>
Параметр ENCTYPE
Описание
Устанавливает MIME-тип для данных отправляемых вместе с формой. Обычно устанавливать значение параметра enctype не требуется, данные вполне правильно понимаются на стороне сервера. Однако если используется поле для отправки файла (INPUT type="file"), следует определить параметр enctype как multipart/form-data.
Синтаксис
<form enctype="MIME-тип">...</form>
Аргументы
Имя MIME-типа в любом регистре. Допускается устанавливать сразу несколько значений, разделяя их запятыми.
Значение по умолчанию
application/x-www-form-urlencoded
Пример 4. Использование параметра enctype
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body>
<form action="/cgi-bin/handler.cgi" enctype="multipart/form-data" method="POST"> ... </form>
</body> </html>
Параметр METHOD
Описание
Метод сообщает серверу о цели запроса. Различают два основных метода: GET и POST. Существуют и другие методы, но они пока мало используются.
Синтаксис
<form method="get | post">...</form>
Аргументы
Значение параметра method не зависит от регистра. Различают два метода — GET и POST.
GET
Этот метод является одним из самых распространенных и предназначен для получения требуемой информации и передачи данных в адресной строке. Пары «имя=значение» присоединяются в этом случае к адресу после вопросительного знака и разделяются между собой амперсандом (символ &). Удобство использования метода GET заключается в том, что адрес со всеми параметрами можно использовать неоднократно, сохранив его, например, в «Избранное» браузера, а также менять значения параметров прямо в адресной строке.
POST
Метод POST посылает на сервер данные в запросе браузера. Это позволяет отправлять большее количество данных, чем доступно методу GET, поскольку у него установлено ограничение в 4 Кб. Большие объемы данных используются в форумах, почтовых службах, заполнении базы данных и т.д
Значение по умолчанию
GET
Пример 5. Метод отправки данных формы
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body>
<form action="/cgi-bin/handler.cgi" method="POST"> ... </form>
</body> </html>
Параметр NAME
Описание
Определяет уникальное имя формы. Как правило, имя формы используется для доступа к ее элементам через скрипты.
Синтаксис
<form name="имя">...</form>
Аргументы
В качестве имени используется набор символов, включая числа и буквы. JavaScript чувствителен к регистру, поэтому при обращении к форме по имени через скрипты соблюдайте то же написание, что и в параметре name.
Значение по умолчанию
Нет.
Пример 6. Использование имени формы
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script type="text/javascript"> function validForm() { alert("Имя " + document.forms('form1').nick.value) } </script> </head> <body> <form action="/cgi-bin/handler.cgi" name="form1"> Имя: <input type="text" name="nick"> <input type="button" onClick="validForm()" value="OK"> </form> </body> </html>
Параметр TARGET
Описание
После того, как обработчик формы получает данные, он возвращает результат в виде HTML-документа. Вы можете определить окно, в которое будет загружаться итоговая веб-страница. Для этого используется параметр target, в качестве его значения используется имя окна или фрейма. Если параметр target не установлен, возвращаемый результат показывается в текущем окне.
Синтаксис
<form target="имя окна">...</form>
Аргументы
В качестве аргумента используется имя окна или фрейма, заданное параметром name. Если установлено несуществующее имя, то будет открыто новое окно. В качестве зарезервированных имен используются следующие.
_blank
Загружает страницу в новое окно браузера.
_self
Загружает страницу в текущее окно.
_parent
Загружает страницу во фрейм-родитель, если фреймов нет, то этот параметр работает как _self.
_top
Отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, то этот параметр работает как _self.