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

Дженнифер Кирнин — профессиональный веб-разработчик, помогающий другим в изучении веб-дизайна, HTML, CSS и XML.

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

Начиная

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

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

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

Советы по использованию форм Mailto

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

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

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

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

Твое имя:

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

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

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

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

Особое примечание о формах Mailto

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

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