Как отправить данные с HTML формы на почту || How to send data from an HTML form to email HTML&CSS

Рет қаралды 3,623

4 ай бұрын

В этом видео вы узнаете как сделать секцию с формой обратной связи HTML и отправить данные с этой формы на почту.
🔗 Исходный код (source code): / 98692166
🔗 Image: surl.li/qkatm
🔗 Contac forms: web3forms.com/
⏱Эпизоды⏱
00:24:40 - подключение web3forms
✅ Адаптивный шрифт с помощью функции calc() CSS: • Адаптивный шрифт с пом...
✅ Адаптивный шрифт с помощью функции clamp() CSS: • Адаптивный шрифт с пом...
✅ CSS Переменные: • Переменные в CSS || CS...
✅ Как ускорить написание кода с помощью Emmet в Visual Studio Code: • Как ускорить написание...
✅ Расширение Live Server и автоматическое обновление страницы: • Расширение Live Server...
👍 Полезная информация для программирования и дизайна на моем телеграм-канале: t.me/CodingWithTopchiy
💵 Поддержать канал (support channel): 5375414128564241 (universal bank || mono)
💵 Поддержать канал (support channel): send.monobank.ua/jar/3Aze2gcvVa
💵 Поддержать канал (support channel): / codingwithtopchiy
👍 Subscribe: / @codingwithtopchiy
😀Спасибо за просмотр!😀

Пікірлер: 65

@adham8368 16 күн бұрын

Спасибо вам большое, потратил неделю что-бы это сделать но не получалось, а тут 5 минут и готово

@codingwithtopchiy 16 күн бұрын

Пожалуйста)

@user-rp8kx6xr8g 18 күн бұрын

Дружище, спаситель ты мой. Я сейчас сайт на диплом пишу и своим видосом ты сэкономил часа 2 моей жизни, СПАСИБО ТЕБЕ!!!!!

@codingwithtopchiy 18 күн бұрын

Пожалуйста) Рад, что смог помочь 👍

@thealexday8783 2 ай бұрын

Чувак, ты не представляешь как же ты помог. Мне срочно нужно было сделать отправку формы на почту. Ты святой человек! Лайк!

@codingwithtopchiy 2 ай бұрын

Пожалуйста)

@An_Lian13 3 ай бұрын

Здравствуйте! Спасибо! Всё получилось!

@codingwithtopchiy 3 ай бұрын

Приветствую! Отлично 👍 Спасибо за обратную связь)

@user-ul4te9bw6k 3 ай бұрын

спасибо большое, все работает, ёмко и по делу))))

@codingwithtopchiy 3 ай бұрын

Пожалуйста)

@santehnikspb85 3 ай бұрын

Спасибо, всё работает! Много полезной информации

@codingwithtopchiy 3 ай бұрын

Пожалуйста) Рад, что видео оказалось полезным 👍

@doktoraybolit5732 Ай бұрын

Дружище! Супер крут! Спасибо!!!

@codingwithtopchiy Ай бұрын

Пожалуйста)

@user-th7bt2oq9v 2 ай бұрын

Спасибо, очень сильно выручил! Всё работает! Однозначно лайк!

@codingwithtopchiy 2 ай бұрын

Пожалуйста) Рад, что все получилось 👍

@Vt_Shabanoff Ай бұрын

отлично, спасибо огромное

@codingwithtopchiy Ай бұрын

Пожалуйста)

@user-zw3ex4mw5c Ай бұрын

Ты просто лучший!!!

@codingwithtopchiy Ай бұрын

Спасибо)

@TheGetto38 27 күн бұрын

Спасибо, очень помог, необходимо было сделать на сайте обратную связь, через модели никак не получалось, а тут такой простое в два клика оконченное решение !

@codingwithtopchiy 27 күн бұрын

Пожалуйста) Рад, что смог помочь 👍

@flay1040 3 ай бұрын

Спасибо, очень помог!

@codingwithtopchiy 3 ай бұрын

Пожалуйста) Рад, что видео оказалось полезным 👍

@nneeuurr- 3 ай бұрын

Хохохо, да ты ведь лучший!

@codingwithtopchiy 3 ай бұрын

Спасибо)

@Vsfrcode777 2 ай бұрын

спасибо мужик)

@codingwithtopchiy 2 ай бұрын

Пожалуйста)

@artemev9658 2 ай бұрын

видео название про отправку данных а там все про верстку

@Shawshenk Ай бұрын

Вот таймкод 24:38

@mikhaildolgov 4 ай бұрын

😎👍

@user-fn1cz7xe4d 4 ай бұрын

👍

@Kat82213 Ай бұрын

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

@codingwithtopchiy Ай бұрын

Приветствую! Пожалуйста) Точно не знаю, есть ли еще такие сервисы, не задавался таким вопросом, есть другие способы получать данные с формы в базу данных например, с помощью php. Вот еще ссылка на документацию: docs.web3forms.com там есть вкладка customization возможно поможет что-то улучшить или убрать.

@anri_khv 4 ай бұрын

Видео про данные, а больше половины верстка... А так норм👍лакнул

@pipiter Ай бұрын

Бро где ты был раньше??? Спасибо))))

@codingwithtopchiy Ай бұрын

Пожалуйста) Всему свое время 😀

@pikertrash5464 2 ай бұрын

Здравствуйте, работает только на сайтах которые уже можно открыть по ссылке или есть не на опубликованном вводить, то тоже придёт?

@codingwithtopchiy 2 ай бұрын

Приветствую! Должно также сработать, тестировал на GitHub pages.

@pikertrash5464 2 ай бұрын

@@codingwithtopchiyвсе равно не получается, если не сложно, могу я вам скинуть код, а вы подскажите где ошибка

@codingwithtopchiy 2 ай бұрын

Сбрасывайте на почту: codingwithtopchiy@gmail.com завтра под вечер смогу посмотреть и дам ответ.

@pikertrash5464 2 ай бұрын

@@codingwithtopchiyхорошо, спасибо

@user-eh5zs8xn1j 22 күн бұрын

Спасибо получилось. Единственное вопрос. У меня в форме прикрепляется файл, как сделать так чтобы он тоже отправлялся на почту, а не только его название?

@codingwithtopchiy 22 күн бұрын

Приветствую! Пожалуйста) Точно не подскажу, можете обратится в службу поддержки самого проекта: web3forms.com/help возможно они помогут разобраться.

@alexeyalexandrovich1287 10 күн бұрын

Спасибо за интересный способ, все работает. Насколько я понял на бесплатном тарифе до 250 заявок в месяц?

@codingwithtopchiy 10 күн бұрын

Пожалуйста) Наверное, по тарифам не смотрел.

@LizaGorchenko 2 ай бұрын

Подскажите, письмо приходит на почту, но сообщение пустое, данные которые вводим в форму не отображаются, что делать?

@codingwithtopchiy 2 ай бұрын

Приветствую! Проверьте код еще раз, где-то допущена ошибка.

@user-ud4yz5nm9i Ай бұрын

нужно добавить атрибут name="#", соответственно каждому инпуту, где # - это имя инпута, отображающее его функцию, напр: message, name, phone, e-mail, и т.д.

@orochimarik3207 26 күн бұрын

У меня такой вопрос. Я сделал веб-сайт с анкетой чтобы провести опрос. Нужно ли мне покупать домен, чтобы просто провести опрос и больше никогда не пользоваться сайтом?

@codingwithtopchiy 26 күн бұрын

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

@orochimarik3207 26 күн бұрын

@@codingwithtopchiy Но если так сделать, ссылка на сайт будет выглядеть как путь к html файлу через диск С. Она будет работать в таком случае?

@orochimarik3207 26 күн бұрын

@@codingwithtopchiy Я в этом совсем профан, возможно глупость сказал

@codingwithtopchiy 26 күн бұрын

Посмотрите это видео: Как загрузить сайт или проект в интернет используя GitHub || Бесплатный хостинг GitHub Pages kzfaq.info/get/bejne/iZmgntOgmrTVeo0.html это поможет разобраться 👍

@codingwithtopchiy 26 күн бұрын

Все нормально, все мы учимся постепенно 🙌

@user-gd2xb1ce9m 2 ай бұрын

Выдает такую ошибку {"success":false,"message":"Unrecognized content-type. Please use other methods."} Как исправить?

@codingwithtopchiy 2 ай бұрын

Приветствую! Не сталкивался с таким, напишите в службу поддержки: web3forms.com/help

@user-bz7qh2lh4n Ай бұрын

Получается что ключ в общем доступе лежит в html файле?

@codingwithtopchiy Ай бұрын

Приветствую! Да, все верно.

@andreasshev5748 29 күн бұрын

@@codingwithtopchiyнасколько это правильно и безопасно?

@codingwithtopchiy 29 күн бұрын

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