Инструкция
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>, чтобы закончить форму. Сохраните страницу.