Практические советы о том, как использовать почтовые формы

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

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

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

Из этого краткого руководства вы узнаете, как использовать формы mailto. Даже если вы никогда не делали этого раньше, освоить технику легко и, безусловно, в области «начинающего веб-дизайна».

Начиная

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

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

действие = "электронная почта: youremailaddress"

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

Трюки с использованием почтовых форм

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

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

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

Образец формы для отправки по почте

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


Твое имя:

Твоя фамилия:

Комментарии:

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

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

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

Специальное примечание о почтовых формах

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

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

Ссылка на основную публикацию