Как сделать форму заказа для сайта?

Размещение формы заказа на сайте очень эффективно. С такой формой посетителям не придется ждать наступления рабочего дня, чтобы купить товары или заказать услуги. Кроме того, если данные из формы будут отправляться по электронной почте, не понадобится писать скрипт для обработки данных заказа на сервере. Можно создать форму заказа для сайта, используя язык разметки HTML (HyperText Markup Language).
Создать сайт самостоятельно с Wix.com

Инструкция

Запустите текстовый редактор и создайте новую страницу. Поместите курсор между тегами , в том месте страницы, где необходимо расположить форму.

Введите открывающий тег с аттрибутом method равным "post". Кроме того, добавьте атрибут action, состоящий из "mailto" и адреса электронной почты, на который будут приходить результаты заполнения формы. Например:

Введите название элемента формы, например, «Ваше имя».

Наберите тег и введите type="text" внутри тега для создания текстового поля. Введите атрибут name и присвойте любое значение на ваш выбор для идентификации этой информации, когда она направляется к вам. Наконец, значение атрибута value, такое как «Введите своё имя», покажет подсказку пользователям при заполнении определенной части формы. Например:

Повторите процесс с шага 4, но на этот раз введите type="radio", чтобы создать кнопку, которую посетитель нажимает, чтобы выбрать между двумя вариантами. Кроме того, добавьте соответствующие аттрибуты value. Например, так:

(Оплата наличными)

(Оплата кредитной картой)

Введите другой элемент и установите type равным "checkbox", чтобы предоставить пользователям возможность отметить более одного варианта в форме заказа. Для примера:

(Свяжитесь со мной, когда заказ будет отправлен)

(Подписаться на рассылку)

Создайте кнопку «Отправить», набрав тег и type равным "submit", value присвойте значение «Отправить». Кроме того, в другом теге сделайте кнопку «Сброс», установив type равным "reset", а value соотвественно «Сброс». Например, так:

Кнопка «Отправить» предназначена для отправки данных, а кнопка «Сброс» - для очистки формы, если потребуется.

Введите закрывающий тег , чтобы закончить форму. Сохраните страницу.

Оцените статью!