Формы
позволяют реализовать качественно новый уровень ги- персвязей между HTML-документами. Форма предоставляет поль- зователю возможность ввести требуемые данные и отправить их веб-серверу, который в свою очередь может их обработать и пере- дать обозревателю не просто новый HTML-документ, но документ, сформированный в соответствии с введенными пользователем дан- ными. Помимо этого формы позволяют сформировать электронное письмо, если в качестве ссылки стоит электронная почта. А также их можно использовать для исполнения клиентских сценариев (см. раздел 4 настоящего пособия), в частности проверки заполнения формы на полноту (см. Приложение 2).
Тег <form> позволяет определить начало и конец формы:
Вид: <form>…</form> (блочный элемент)
Индивидуальные атрибуты: action, method, name, onSubmit, onReset
Стандартное отображение: нет
Атрибут action указывает адрес HTML-документа, который бу- дет загружаться после отправки данных на сервер. Обычно этот документ дополнен серверными сценариями (см. раздел 5), кото- рые могут обработать и интерпретировать переданные данные. Ес- ли таких сценариев в документе нет, то переданные данные никак не обрабатываются.
Атрибут method позволяет определить метод, которым данные будут передаваться на сервер. Всего различают два метода:
1) get (принято по умолчанию). В этом случае обозрева- тель добавляет к адресу, указанному в action, знак во- проса ‘?’ и набор данных формы, закодированный в со- ответствии с типом файла "application/x-www-form-
urlencoded". Полученный адрес передается серверу по
протоколу HTTP с пометкой "GET" (эта часть пользова- телю не видна). В этом случае допустимый объем пере- даваемых данных ограничен. Правила формирования адреса методом get вполне допустимо использовать и при формировании обычных гиперссылок, прописывае- мых в теге <a> (см. пример из раздела 5);
2) post. В этом случае обозреватель Интернет выполняет запрос HTTP с пометкой "POST" и отдельной командой HTTP передает данные формы. В этом случае при за- грузке целевого HTML-документа пользователь никак не сможет определить, какие данные были переданы.
Атрибут name позволяет упростить обращение к форме из функций JavaScript, поскольку автоматически создает необходи- мый объект для операций.
Атрибут (событие) onSubmit позволяет перед отправкой формы вызвать какую-либо функцию JavaScript, и эта функция в том числе может прервать процесс отправки данных на сервер.
Атрибут (событие) onReset позволяет при сбросе данных формы к первоначальному виду (изначально определенному в HTML- документе) вызвать какую-либо функцию JavaScript.
В форму нельзя вкладывать другую форму (она не будет обра-
батываться).
Тег <input> позволяет визуализировать управляющие элементы, с которыми может взаимодействовать пользователь и в которых фиксируются данные для отправки на сервер:
Вид: <input> (текстовый элемент)
Индивидуальные атрибуты: type, name, value, checked, readonly, size, maxlength, accept, onFocus, onBlur, onSelect, onChange Стандартное отображение: в зависимости от значения атрибута
type
В табл. 2.2. приведены значения, которые может принимать ат-
рибут type и их описания.
Рис. 2.3. Результат визуализации формы
Источник: Филиппов С.А. Основы современного веб-программирования: Учебное пособие. М.: НИЯУ МИФИ, 2011. – 160 с.
