Как сделать HTML-форму по электронной почте

Я создал html-форму и хочу, чтобы она отправляла мне результаты по электронной почте, чтобы я мог оценить ответ и позже добавить его на свой веб-сайт. Я хочу, чтобы письмо выглядело примерно так:

имя: название

электронная почта: ЭЛЕКТРОННОЕ ПИСЬМО

title: заглавие

беспорядок: Massige

текущая программа:

<!DOCTYPE html>
<html>
</body>
  <form>
     name<br>
     <input type = "text" name = "name" id = "user_input"><br>
    email<br>
     <input type = "email" name = "email" id = "user_input"><br>
     title<br>
     <input type = "text" name = "title" id = "user_input"><br>
     message<br>
     <textarea id = "msg" name = "user_message"></textarea>
  </form>
<div class = "button">
  <button type = "submit">submit</button>
</div>
</body>
</html>
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
1
1
150
1

Ответы 1

Если вы не хотите использовать PHP / Node.js / другую технологию, вы можете использовать Formspree API. Ваш html будет выглядеть так:

<form action = "https://formspree.io/[email protected]" method = "POST">
  <input type = "text" name = "name">
  <input type = "email" name = "_replyto">
  <input type = "submit" value = "Send">
</form>

И вы регистрируете учетную запись здесь: https://formspree.io/. Вы будете получать формы на свой почтовый ящик.

Другой альтернативой является добавление ссылки mailto вместо полной контактной формы. Это создает ссылку, которая открывает почтовую систему пользователя по умолчанию (например, gmail / outlook / mail) и позволяет им отправлять вам электронные письма из своего почтового ящика. Часть «% 0D% 0A% 0D% 0A» создает новую строку в электронном письме:

<a href = "mailto:[email protected]?subject=Hello&body=Hello Owen,%0D%0A%0D%0AI'm interested in xyz thing on your website%0D%0A%0D%0A" target = "_blank">

Я не могу заставить его работать. извините, если моя ошибка глупая. Я новичок в программировании. новая программа: <! DOCTYPE html> <html> </body> <form action = "formspree.io/[email protected]" method = "POST"> <input type = "text" name = "name"> <input type = "email" name = "_replyto"> <input type = "submit" value = "Отправить"> </form> <div class = "button"> <button type = "submit"> submit </button> </div> </body> </html>

cat lover 18.12.2018 22:39

<! DOCTYPE html> <html> </body> <form action = "formspree.io/[email protected]" method = "POST"> <input type = "text" name = "name"> <input type = "email" name = "_ replyto" > <input type = "submit" value = "Отправить"> </form> <div class = "button"> <button type = "submit"> submit </button> </div> </body> </ html >

cat lover 18.12.2018 22:49

Сначала инициализируйте форму здесь, т. Е. Замените заполнитель на свой адрес электронной почты в html поле слева: test.formspree.io. Затем скопируйте и вставьте это в HTML-файл ваш, обязательно включив https: <form method = "POST" action = "formspree.io/[email protected]"> <input type = "email" name = "email" placeholder = "Ваш адрес электронной почты"> < textarea name = "message" placeholder = "Тестовое сообщение"> </textarea> <button type = "submit"> Отправить тест </button> </form>

mhanley00 18.12.2018 23:00

Благодарность! Я обновил свое отображаемое имя, так что можно исправить имя в ваших комментариях?

cat lover 20.12.2018 03:06

@catlover сделано и сделано. Не забывайте голосовать за ответы, если они помогли ??

mhanley00 20.12.2018 16:31

Другие вопросы по теме