Учебное пособие по использованию форм Mailto

Новая функция веб-сайта веб-дизайнеры борьба с формой, но веб-формы не должны быть сложными. Формы Mailto - это простой способ заставить формы работать. Эти формы полагаются на почтовые клиенты для отправки данных формы с компьютера клиента владельцу формы. Формы Mailto проще, чем научиться писать PHP и дешевле, чем покупать заранее написанный сценарий. Вот как создать HTML-форму mailto.

Клавиатура с кнопкой "Связаться с нами"
Кортни Китинг / E + / Getty Images

Начиная

HTML-формы могут быть сложными для новых веб-разработчики потому что эти формы требуют большего, чем просто изучение разметки HTML. В добавок к HTML-элементы необходимо для создания формы и ее полей, должен быть способ заставить форму работать. Обычно для этого требуется PHP, доступ к CGI скриптили другую программу для создания атрибута действия формы. Это действие заключается в том, как форма обрабатывает данные и что она делает с ними впоследствии (например, записывает в базу данных или отправляет электронное письмо).

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

instagram viewer

действие = "mailto: youremailaddress"

Это простой способ получить данные формы с вашего веб-сайта на вашу электронную почту. Это решение ограничено в возможностях. Однако для небольших сайтов это хорошее место для начала.

Уловки использования Mailto Forms

Использовать enctype = "текст / простой" атрибут. Этот атрибут сообщает браузеру и почтовому клиенту, что форма отправляет простой текст, а не что-то более сложное.

Некоторые браузеры и почтовые клиенты отправляют данные формы, закодированные для интернет страницы. Это означает, что данные отправляются в виде одной строки, где пробелы заменяются знаком плюс (+), а другие символы кодируются. С помощью enctype = "текст / простой" Атрибут упрощает чтение данных.

Образец формы Mailto

Вот образец формы с использованием действия mailto.


Твое имя:
Ваша фамилия:
Комментарии:

Это простая разметка. В идеале эти поля формы кодируются с использованием семантической разметки и элементов. Однако этого примера достаточно для целей данного руководства.

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

first_name = Дженнифер
last_name = Кирнин
комментарии = Привет!

Используйте метод GET или POST

В то время как ПОЧТА иногда работает, он часто заставляет браузер открывать пустое окно электронной почты. Если это произойдет с вами с ПОЛУЧАТЬ метод, затем переключитесь на ПОЧТА.

Специальное примечание о формах Mailto

Этот метод хоть и прост, но и ограничен. Важно отметить, что формы mailto не всегда работают для всех комбинаций браузеров и почтовых клиентов. Если вы использовали форму mailto и не добились успеха, возможно, какая-то комбинация технологий привела к сбою функции.

Этот метод является хорошей первой попыткой создания веб-форм, которые генерируют электронное письмо и отправляют данные формы. По мере того, как вы будете совершенствоваться в своих веб-навыках, изучите более надежные варианты. От сценариев CGI до форм PHP и платформ CMS, которые имеют встроенные виджеты форм, у вас есть множество дополнительных опций, которые следует учитывать для ваших будущих потребностей в форме веб-сайта.

instagram story viewer