Совет 1: Как создать форму заказа

Для создания и вставки формы заказа на сайт вам необходимо обладать навыками веб-программиста. Также вы можете доверить это дело сторонним исполнителям, обладающими данными навыками.
Вам понадобится
  • - программа Notepad или обычный блокнот.
Инструкция
1
Скачайте программу для более удобной работы с кодом, например, простой редактор Notepad. Здесь вы также можете воспользоваться и стандартным «Блокнотом» Windows, однако, это будет не очень удобно. Создайте новый документ, введите теги < body >.
2
Между ними впишите открывающий тег < form > с присвоенным ему атрибутом method, который равен "post". Далее перейдите к добавлению атрибута, который будет обеспечивать в дальнейшем отправку заказа на адрес электронной почты. Далее присвойте форме заголовок на ваше усмотрение.
3
Создайте текстовое поле. Для этого введите тег < input > и присвойте ему текстовый тип (type=”text”). В атрибуте name присвойте имя на ваше усмотрение, которое будет идентифицировать отправляемую вам информацию.
4
После атрибута value напишите название, которое будет служить подсказкой для посетителей сайта при заполнении анкеты. Повторите операцию для добавления кнопки выбора вариантов при заполнении. Для этого используйте type="radio". Не забудьте также про атрибуты value.
5
Впишите элемент < input > и пропишите type ="checkbox". Это необходимо в том случае если вы хотите сделать для пользователей вариант выбора нескольких позиций. Добавьте кнопку отправления заказа. Это делается при помощи тега < input >, type=”submit”.
6
Для value пропишите значение «Отправить». Если необходимо сделать сброс, создайте копию < input > и установите type=”reset”. Не забудьте указать value – «Сброс». Введите тег < /form > для закрытия формы и закройте документ, сохранив изменения.
7
Чтобы не терять время, скачайте готовую форму заказа из интернета, они все похожи друг на друга и отличаются лишь небольшими особенностями. Вы можете ссылки на них в специальных сообществах веб-дизайнеров, на специальных форумах и так далее.

Совет 2: Как сделать форму заказа для сайта

Размещение формы заказа на сайте очень эффективно. С такой формой посетителям не придется ждать наступления рабочего дня, чтобы купить товары или заказать услуги. Кроме того, если данные из формы будут отправляться по электронной почте, не понадобится писать скрипт для обработки данных заказа на сервере. Можно создать форму заказа для сайта, используя язык разметки HTML (HyperText Markup Language).
Инструкция
1
Запустите текстовый редактор и создайте новую страницу. Поместите курсор между тегами <body>, в том месте страницы, где необходимо расположить форму.
2
Введите открывающий тег <form> с аттрибутом method равным "post". Кроме того, добавьте атрибут action, состоящий из "mailto" и адреса электронной почты, на который будут приходить результаты заполнения формы. Например:
<form method="post" action="mailto:address@yourmail.ru">
3
Введите название элемента формы, например, «Ваше имя».
4
Наберите тег <input> и введите type="text" внутри тега для создания текстового поля. Введите атрибут name и присвойте любое значение на ваш выбор для идентификации этой информации, когда она направляется к вам. Наконец, значение атрибута value, такое как «Введите своё имя», покажет подсказку пользователям при заполнении определенной части формы. Например:
<input type="text" name="customer_name" value="Введите своё имя" />
5
Повторите процесс с шага 4, но на этот раз введите type="radio", чтобы создать кнопку, которую посетитель нажимает, чтобы выбрать между двумя вариантами. Кроме того, добавьте соответствующие аттрибуты value. Например, так:
<input type="radio" name="cash" value="cash" /> (Оплата наличными)
<input type="radio" name="cc" value="сreditcard" /> (Оплата кредитной картой)
6
Введите другой элемент <input> и установите type равным "checkbox", чтобы предоставить пользователям возможность отметить более одного варианта в форме заказа. Для примера:
<input type="checkbox" name="contact_me" value="сontact" />(Свяжитесь со мной, когда заказ будет отправлен)
<input type="checkbox" name="send_newsletter" value="newsletter" />(Подписаться на рассылку)
7
Создайте кнопку «Отправить», набрав тег <input> и type равным "submit", value присвойте значение «Отправить». Кроме того, в другом теге <input> сделайте кнопку «Сброс», установив type равным "reset", а value соотвественно «Сброс». Например, так:
<input type="submit" value="Отправить" />
<input type="reset" value="Сброс" />
Кнопка «Отправить» предназначена для отправки данных, а кнопка «Сброс» - для очистки формы, если потребуется.
8
Введите закрывающий тег </form>, чтобы закончить форму. Сохраните страницу.
Источники:
  • Сайт Консорциума W3C
  • форма заказа товара для сайта
Поиск
Совет полезен?
Добавить комментарий к статье
Осталось символов: 500
к
Honor 6X Premium
новая премиальная версия
узнать больше