Несколько форм на одной странице


несколько форм на одной страницеРабота с формами требует тщательного внимания, так как это основа взаимодействия с посетителями сайта.

Особенного внимания требует ситуация, когда на сайте находится несколько форм, например, форма заказа, форма покупки, форма обратной связи. Более того, формы могут быть настроены так, что определенный посетитель видит определенный набор форм.

Одна из задач вебмастера – сделать так, чтобы данные из формы отправлялись на сервер корректно – то есть уходили именно те данные и именно из той формы, с которой пользователь взаимодействовал.

Никакой магии в этом нет, нужна просто внимательность при использовании тегов HTML.

Например, на сайте есть две формы – форма заказа товара и форма обратной связи. Сначала нужно сделать формы уникальными, для этого назначаем каждой из форм уникальный идентификатор.

Например, для формы заказа:

 <form id='order'>

а для формы обратной связи:

 <form id='feedback'>

Это нужно для того, чтобы кнопка input смогла “понять”, из какой именно формы нужно отправить данные. Для этого у input есть атрибут form.

Соответственно, для отправки данных input для первой формы:

 <input type='submit', form='order'>

для второй:

 <input type='submit', form='feedback'>
Напоминалка. Не забываем помещать input внутрь формы, перед закрывающим тегом < /form> .

Комментировать