background top icon
background center wave icon
background filled rhombus icon
background two lines icon
background stroke rhombus icon

Скачать "#51 Уроки PHP - Учим язык PHP, Форма обратной связи на языке PHP и отправка письма на почту"

input logo icon
Теги видео
|

Теги видео

itdoctor
Уроки PHP
Учим язык PHP
изучить язык PHP
php
язык php
язык php учить
php уроки
php для начинающих
php с нуля
Форма обратной связи с отправкой письма на почту на языке PHP
Форма обратной связи на php
Форма обратной связи на языке php
Форма обратной связи php
Форма обратной связи
отправка письма на почту на php
отправка письма на почту на языке php
отправка письма на почту php
отправка письма на почту
Субтитры
|

Субтитры

subtitles menu arrow
  • enАнглийский
Скачать
00:00:01
всем привет дорогие друзья сейчас мы
00:00:03
сделаем на php форму отправки сообщения
00:00:07
на почту сделаем ее следующим образом мы
00:00:10
здесь будем использовать выпадающее меню
00:00:13
select
00:00:14
input текста рю простую captcha которую
00:00:17
в дальнейшем можно будет сделать с
00:00:20
помощью более надежного и и защищенного
00:00:23
способа использовать ри captcha от
00:00:27
google
00:00:28
но здесь нам будет достаточно хотя бы
00:00:30
такой простой проверки как ввод ответа с
00:00:34
картинки то есть чтобы нельзя было здесь
00:00:36
с читать в виде текста а чтобы человек
00:00:38
должен был сам посчитать и ввести здесь
00:00:42
ответ после этого мы нажимаем отправить
00:00:44
видим что письмо успешно отправлено или
00:00:46
ошибка если она не отправилась и на
00:00:49
почте мы получаем данное письмо как вы
00:00:52
видите она только что сейчас у нас
00:00:54
поступило здесь содержится наш текст
00:00:59
наша тема и давайте приступим к
00:01:02
написанию кода
00:01:05
[музыка]
00:01:09
давайте начнем с создания формы мы это
00:01:12
будем делать в файле index.php создаем
00:01:16
форму
00:01:17
action указываем ей files and mail .
00:01:21
печки в который мы будем писать скрипт
00:01:24
он находится в этом же каталоге
00:01:27
также сразу укажем метод post
00:01:32
с помощью которого будет отправляться
00:01:34
формы теперь сделаем select добавим ему
00:01:42
name so magic это будет тема письма она
00:01:48
будет выбираться из заранее
00:01:49
заготовленных ответов
00:01:51
здесь создаем общин умноженное на четыре
00:01:56
тут укажем 1 2 и 3 для того чтобы
00:01:59
отслеживать наши общины здесь вылью
00:02:03
уберем потому что это будет сам
00:02:05
заголовок мы сделаем это таким образом
00:02:07
поставим ему дизайн болт и
00:02:09
select то есть по умолчанию она будет
00:02:11
выбрана это поле и вводим здесь
00:02:16
тема письма а далее вводим возможные
00:02:22
темы которые можно выбирать здесь можно
00:02:25
сделать любое количество этих тем можно
00:02:29
оставить одну все зависит от ваших
00:02:32
ситуаций создали такой select и сейчас
00:02:36
видим вот такой результат только здесь
00:02:39
конечно у нас не section а select и как
00:02:45
вы видите что тема письма у нас здесь
00:02:46
указано то есть мы сразу видим что это
00:02:48
за поле
00:02:49
но выбрать этот пункт мы не можем и мы
00:02:52
сразу же должны выбрать какое-то другое
00:02:54
значение из доступных далее укажем и
00:02:59
input
00:03:01
с типом email name также укажем уму
00:03:06
email 1-ом здесь не нужен
00:03:10
добавим placeholder здесь напишем
00:03:14
введите ваш e-mail и сделаем такую
00:03:19
простую валидацию с помощью html5
00:03:22
ограничим длину символов чтобы здесь не
00:03:25
было более 50 символов и поставим
00:03:28
атрибут рик варит для того чтобы input у
00:03:31
нас был обязательные для заполнения
00:03:33
теперь укажем здесь текста рю нейм у нее
00:03:37
будет message все остальное мы убираем и
00:03:41
добавляем здесь также пояс holder
00:03:44
максимальную длину ставим 150 или же
00:03:50
любую другую и указываем также что это
00:03:55
поле обязательно заполнить далее добавим
00:03:58
изображение с нашей капчей у меня она
00:04:02
называется captcha
00:04:03
1 . jpeg
00:04:07
и лежит в этом же каталоге смотрим видим
00:04:11
вот такую форму сейчас стиле у меня были
00:04:15
применены из кэша я сейчас очистил кэш и
00:04:20
и форма выглядит таким образом поэтому
00:04:22
если у вас она со мной не совпадало то
00:04:24
видите сейчас она выглядит именно так
00:04:27
чуть позже мы как раз таки эти стили
00:04:29
напишем и форма будет выглядеть так как
00:04:31
я вам показывал в начале видео далее я
00:04:34
здесь указываю еще один input он будет у
00:04:38
меня числового типа название у него
00:04:42
будет капча айдишник я убираю также
00:04:48
добавляю пояс холдер максимальную длину
00:04:51
ставлю 3 для того чтобы нельзя было
00:04:54
методом перебора здесь очень просто
00:04:57
перебрать двухзначные
00:04:59
ответы ответ у нас будет 2-значный но мы
00:05:02
указываем максимальную длину 3 и также
00:05:06
добавляем здесь обязательно и заполнение
00:05:08
этого поля
00:05:10
теперь я создаю кнопку с орбит и пишу
00:05:15
здесь
00:05:17
отправить письмо видим сейчас вот такую
00:05:21
форму если мы здесь какое-то поле не
00:05:23
заполним и нажмем отправить то мы видим
00:05:25
что поле обязательно для заполнения это
00:05:28
сделала с помощью простого и чтим л без
00:05:31
каких-либо дополнительных усилий теперь
00:05:34
давайте напишем здесь простые стиля для
00:05:37
нашей формы чтобы она выглядела более
00:05:38
менее нормально input текста ри и select
00:05:48
я устанавливаю для них бог сайзинг
00:05:50
border бокс дисплей блок ширину например
00:05:56
250 высоту 30 отступ снизу 15 и font
00:06:03
family
00:06:04
поставим например колибри и видим уже
00:06:08
вот такой результат и теперь для текста
00:06:11
ри и нужно указать высоту немного больше
00:06:16
пуст 100 будет
00:06:17
и ресайз поставить но чтобы нельзя было
00:06:21
менять ее размер и вот теперь мы видим
00:06:25
вот такой вот результат текст ари у нас
00:06:29
стало фиксированного размера и форма
00:06:32
выглядит достаточно красиво здесь мы не
00:06:35
занимаемся изучением css поэтому дальше
00:06:38
мы какие-то действия для оформления
00:06:40
предпринимать не будем нам такой формы
00:06:43
более чем достаточно визуально и мы
00:06:46
перейдём к самому интересному это к
00:06:48
нашему печки скрипту
00:06:50
для начала мы первым делом будем
00:06:53
проверять
00:06:54
введенный ответ если он неправильный то
00:06:56
сразу же стоит перенаправить
00:06:59
пользователя на главную страницу то есть
00:07:02
но вот эту и
00:07:04
письмо отправляться у нас не будет
00:07:07
потому что код введен неправильно
00:07:09
давайте это сделаем мы в условии
00:07:12
проверяем наш параметр капча берем его
00:07:19
из этого глобального массива пост
00:07:23
он хранится здесь под ключом капча
00:07:27
и мы проверяем если он не равен 56
00:07:31
мы заранее знаем здесь ответ поэтому мы
00:07:35
здесь его указываем и никаким образом
00:07:39
его невозможно будет вычислить без
00:07:42
доступа к файлам сервера потому что в
00:07:46
отличие от java script а этот код нельзя
00:07:48
посмотреть через браузер поэтому мы
00:07:50
здесь можем вполне уверенно писать
00:07:52
результаты ответ этой капчи и знаем что
00:07:55
никто их кроме нас не увидит здесь
00:07:58
указываем функцию хедер
00:08:00
она делает переадресацию указываем
00:08:03
локэйшн index.php и делаем exit можно
00:08:13
вот так просто exit . , указать и все
00:08:17
давайте обновим введём все данные здесь
00:08:25
но не правильный ответ этого кода и мы
00:08:31
видим что у нас ничего не произошло у
00:08:33
нас просто вернуть все на нашу страницу
00:08:35
конечно можно сделать и намного лучше
00:08:40
чтобы все эти поля не сбрасывались и нам
00:08:44
выводилось какое-то сообщение что вы
00:08:46
ввели не правильный код но сейчас
00:08:49
мы этого делать не будем если вам
00:08:51
интересно то пишите в комментариях и мы
00:08:54
сделаем более сложную версию отправки
00:08:57
нашей формы а пока что мы делаем
00:09:00
максимально простой функционал чтобы
00:09:02
было понятно всем далее нам нужно читать
00:09:06
вот этот вот наш
00:09:08
select и все его значения мы здесь пишем
00:09:13
iv также наш массив
00:09:16
указываем здесь сам джек и проверяем
00:09:20
если он равен единице то есть мы
00:09:23
отправили вот этот вот общем выделенным
00:09:26
то мы должны
00:09:27
строку для темы записать вопрос по уроку
00:09:32
то есть отсюда мы этот текст не берем от
00:09:33
что мы получаем только в илью
00:09:35
поэтому мы здесь создаем новую
00:09:38
переменную с объект и в нее мы
00:09:42
записываем вопрос по уроку
00:09:49
далее копируем это вставляем здесь
00:09:56
вот к этим iv нам нужно добавить else if
00:10:02
указываем здесь 2 здесь три и в
00:10:06
противном случае если ios
00:10:08
мы указываем что по умолчанию у нас
00:10:10
будет так же вопрос по уроку
00:10:13
если вдруг пользователь отправил нашу
00:10:17
форму и не выбрал здесь тему то есть
00:10:19
оставил так по умолчанию то у нас будет
00:10:22
выставляться по умолчанию вопрос по
00:10:24
уроку здесь два вот этих значения
00:10:26
давайте заменим личный вопрос подставим
00:10:29
во второй наш iv и благодарность мы
00:10:34
поставим вот сюда сейчас мы обработали
00:10:39
на select и в зависимости от того какой
00:10:41
мы результат получили мы создали
00:10:43
переменную subject и записали туда тему
00:10:45
тараном в дальнейшем пригодится при
00:10:47
отправке письма теперь мы должны указать
00:10:52
кому мы будем отправлять письмо я
00:10:57
указываю в эту переменную свою почту
00:10:59
потому что я хочу на нее получать письма
00:11:02
от пользователей переменную frome мы
00:11:05
указываем почту от кого отправлено
00:11:10
письмо то есть вот это наше поле мы
00:11:14
берем переменную из массива пост с
00:11:20
ключом e-mail
00:11:24
и так же вот здесь давайте дополнительно
00:11:27
использую функцию trim чтобы убрать
00:11:29
лишний пробел если вдруг они
00:11:31
присутствуют так как у нас поле
00:11:33
выставлено здесь с типом e-mail
00:11:35
у нас автоматическая валидация этого
00:11:37
поля происходит на html5
00:11:39
чтобы здесь обязательно вводился
00:11:41
корректный e-mail адрес
00:11:43
поэтому здесь нам дальше никаких
00:11:45
проверок не требуются теперь само наше
00:11:48
сообщение
00:11:51
мы здесь укажем функцию html спешил
00:11:55
chars я надеюсь вы все помните что она
00:11:57
делает и указываем здесь наше значение
00:12:01
мэсседж из массива пост
00:12:06
далее мы делаем юрл пин-код для того
00:12:10
чтобы предотвратить здесь вот каких-то
00:12:13
гель адресов и указываем эту переменную
00:12:19
message которая уже была обработана
00:12:22
данной функции и здесь также мы делаем
00:12:25
еще удаление лишних пробелов с помощью
00:12:28
функции trim
00:12:29
и таким образом мы нашу текстуру
00:12:33
обезопасили максимально возможным
00:12:35
способом для того чтобы здесь никто не
00:12:37
вводил какой-то код адреса или html теги
00:12:41
и теперь это сообщение уже готово к
00:12:44
отправке также для отправки сообщений
00:12:48
требуются дополнительные заголовки мы их
00:12:50
создадим в переменную headers но это
00:12:53
необязательный параметр можно отправлять
00:12:55
без него но с помощью него можно
00:12:57
например указать от кого это письмо
00:13:00
кому ответить при нажатии на кнопку
00:13:04
ответить и некоторые другие параметры
00:13:08
здесь мы указываем вот такую строку мы
00:13:11
ее обязательно объединяем через слеш r
00:13:14
слеш н каждый из этих заголовков
00:13:17
специальных на новую страницу
00:13:19
переносится заголовок у нас from мы
00:13:23
здесь подставляем переменную frome это
00:13:26
наш e-mail откуда отправляется письмо это кому
00:13:29
ответить
00:13:31
и здесь мы указываем просто версию печки
00:13:33
с помощью функции птички вершин и теперь
00:13:39
самое интересное мы отправляем наше
00:13:44
сообщение
00:13:45
мы используем условие чтобы проверить
00:13:47
отправленные сообщения и вызываем
00:13:50
функцию mail указываем здесь
00:13:53
переменный наши tool то есть кому далее
00:13:57
переменную subject далее мессидж нашу
00:14:02
переменную заголовками и если эта
00:14:07
функция сработает правильно она вернет
00:14:09
true
00:14:10
и мы вот здесь вы видим что письмо
00:14:12
отправлено а в противном случае мы
00:14:14
выведем что письмо не отправлено и
00:14:17
теперь наш скрипт написан я сейчас
00:14:20
нахожусь на локальном сервере open
00:14:22
server
00:14:23
но тем не менее у меня письмо
00:14:24
отправиться на настоящий почтовый адрес
00:14:27
и сейчас я вам покажу что это
00:14:30
действительно работает и после этого
00:14:32
покажу как я это сделал
00:14:35
конечно у вас может быть реальный
00:14:38
хостинг и такие задачи вам не требуется
00:14:41
решать но для того чтобы проверить что
00:14:43
все работает можно конечно же это все
00:14:46
настроить мы указываем здесь e-mail
00:14:49
вводим сообщение вводим здесь ответ и
00:14:53
отправляем письмо мы видим что письмо
00:14:58
отправлено сразу же у нас на почте
00:15:00
появляется новое письмо с нашим
00:15:04
сообщением как вы видите все корректно
00:15:06
работает
00:15:08
теперь пара слов про настройки сервера
00:15:11
как я сделал так чтобы письмо
00:15:13
отправлялась потому что у вас по
00:15:15
умолчанию с локального сервера если вы
00:15:17
будете пробовать отправить письмо она на
00:15:20
адрес не придет я захожу в настройки
00:15:24
open server а перехожу на вкладку почта
00:15:28
и здесь нужно настроить все следующим
00:15:33
образом по умолчанию стоит здесь
00:15:35
сохранять письма вот в эту папку
00:15:37
но мы выставляем отправлять почту через
00:15:39
удаленный smtp сервер по
00:15:42
этого я например настроек через smtp
00:15:45
отмела указываю здесь smtp . mail.ru
00:15:49
порт 587 далее указываю e-mail
00:15:53
отправителя
00:15:54
это мой email с которого я буду
00:15:56
отправлять также имя пользователя это
00:15:58
тот же самый email пароль я указывал
00:16:02
пароль от этой почты моей и указываю
00:16:06
шифрования тыс больше все остальное
00:16:10
ничего здесь не ввожу все вот эти
00:16:12
настройки портов и название smtp-сервера
00:16:15
можно найти в интернете что я в принципе
00:16:18
сделал после этого сохраняя настройки и
00:16:21
у меня все корректно работать и
00:16:23
отправляется с локального сервера на
00:16:25
настоящую почту но если у вас здесь
00:16:27
стоит по умолчанию и никакие данные у
00:16:31
вас здесь не введены то есть у вас
00:16:36
настройка выполнена вот таким образом
00:16:38
давайте сейчас сохраним у нас сервер
00:16:41
перезагрузиться теперь обновим нашу
00:16:44
страницу и отправим еще раз наше письмо
00:16:49
письмо отправлено но мы уже не видим его
00:16:52
на почте но она лежит в той папке
00:16:57
которая указана здесь в настройках
00:17:00
давайте перейдем туда я перешел в этот
00:17:03
каталог он находится в каталоге open
00:17:06
server userdata темпы email по умолчанию
00:17:09
и здесь у меня уже есть три текстовых
00:17:11
файла это письмо который я сам отправлял
00:17:13
этим скриптом давайте сейчас найдем тот
00:17:16
который был отправлен только что самый
00:17:18
последний
00:17:19
вот он данный текстовый файл самый
00:17:21
последний два предыдущих они были
00:17:23
отправлены ранее теперь я открываю эту
00:17:28
текстовый файл я вижу здесь вот эти вот
00:17:31
специальные заголовки ту
00:17:33
со объект chrome и прочие
00:17:37
версия печки например то есть все вот
00:17:40
эти вот поля который отправил они
00:17:42
отправились в виде этих заголовков
00:17:44
вот у нас текст сообщения которые мы
00:17:47
указали в текст ари и как вы видите
00:17:49
письмо тоже отправилась и
00:17:51
действительно скрипт у нас работает даже
00:17:55
без настройки на отправку на настоящую
00:17:57
почту можно убедиться в том что вы
00:18:00
написали правильный код и все эти
00:18:03
заголовки здесь присутствует текст
00:18:06
сообщения тоже и все у нас работает
00:18:09
поэтому два способа как можно с
00:18:12
локального сервера проверить свой скрипт
00:18:14
в том что он работает конечно мы
00:18:17
написали достаточно простой скрипт но
00:18:19
тем не менее я считаю что это довольно
00:18:21
интересно здесь еще много чего можно
00:18:24
улучшить обязательно пишите в комментариях если
00:18:26
вам понравилось это видео и вы хотите
00:18:28
посмотреть как можно эту форму улучшить
00:18:31
что можно здесь добавить
00:18:33
как здесь можно добавить аякса вопросы
00:18:36
для того чтобы делать валидацию формы
00:18:38
прямо на странице перед отправкой письма
00:18:41
и в таком случае мы будем дополнительно
00:18:45
изучать эту тему но не забывайте
00:18:48
подписываться на канал нажимать на
00:18:50
колокольчик чтобы не пропустить новые
00:18:52
видео оцениваете делитесь друзьями и до
00:18:55
скорых встреч
00:18:56
[музыка]

Описание:

В этом уроке мы создадим форму обратной связи на языке PHP для отправки письма на почту на языке PHP. Отправка письма на почту будет выполняться с помощью функции mail. А благодаря форме обратной связи мы сможем получить все необходимые данные от пользователя. Плейлист про формы: https://www.youtube.com/playlist?list=PLuY6eeDuleIOvzLBfgqsZKJJjphb-wugA Благодарность автору ( ₽ ) 1. Сбербанк VISA: 4274 3200 3233 1582 2. Yandex: 410011260821995 - https://yoomoney.ru/get/fundraise 3. PayPal: https://www.paypal.com/paypalme/itdoctorstudio 4. Станьте спонсором канала: https://www.youtube.com/channel/UC2Ev-rDSHBov0ZMChesLfrg/join ✅ Я, Исмаил Усеинов ВК - https://vk.com/morphop Группа ВК - https://vk.com/itdoctorstudio Instagram - https://www.facebook.com/unsupportedbrowser GitHub - https://github.com/morphIsmail Twitter - https://twitter.com/ITDoctor_morph Telegram - https://t.me/itdoctorstudio Facebook - https://www.facebook.com/unsupportedbrowser YouTube - https://www.youtube.com/c/ITDoctor

Готовим варианты загрузки

popular icon
Популярные
hd icon
HD видео
audio icon
Только звук
total icon
Все форматы
* — Если видео проигрывается в новой вкладке, перейдите в неё, а затем кликните по видео правой кнопкой мыши и выберите пункт "Сохранить видео как..."
** — Ссылка предназначенная для онлайн воспроизведения в специализированных плеерах

Вопросы о скачивании видео

mobile menu iconКак можно скачать видео "#51 Уроки PHP - Учим язык PHP, Форма обратной связи на языке PHP и отправка письма на почту"?mobile menu icon

  • Сайт http://unidownloader.com/ — лучший способ скачать видео или отдельно аудиодорожку, если хочется обойтись без установки программ и расширений. Расширение UDL Helper — удобная кнопка, которая органично встраивается на сайты YouTube, Instagram и OK.ru для быстрого скачивания контента.

  • Программа UDL Client (для Windows) — самое мощное решение, поддерживающее более 900 сайтов, социальных сетей и видеохостингов, а также любое качество видео, которое доступно в источнике.

  • UDL Lite — представляет собой удобный доступ к сайту с мобильного устройства. С его помощью вы можете легко скачивать видео прямо на смартфон.

mobile menu iconКакой формат видео "#51 Уроки PHP - Учим язык PHP, Форма обратной связи на языке PHP и отправка письма на почту" выбрать?mobile menu icon

  • Наилучшее качество имеют форматы FullHD (1080p), 2K (1440p), 4K (2160p) и 8K (4320p). Чем больше разрешение вашего экрана, тем выше должно быть качество видео. Однако следует учесть и другие факторы: скорость скачивания, количество свободного места, а также производительность устройства при воспроизведении.

mobile menu iconПочему компьютер зависает при загрузке видео "#51 Уроки PHP - Учим язык PHP, Форма обратной связи на языке PHP и отправка письма на почту"?mobile menu icon

  • Полностью зависать браузер/компьютер не должен! Если это произошло, просьба сообщить об этом, указав ссылку на видео. Иногда видео нельзя скачать напрямую в подходящем формате, поэтому мы добавили возможность конвертации файла в нужный формат. В отдельных случаях этот процесс может активно использовать ресурсы компьютера.

mobile menu iconКак скачать видео "#51 Уроки PHP - Учим язык PHP, Форма обратной связи на языке PHP и отправка письма на почту" на телефон?mobile menu icon

  • Вы можете скачать видео на свой смартфон с помощью сайта или pwa-приложения UDL Lite. Также есть возможность отправить ссылку на скачивание через QR-код с помощью расширения UDL Helper.

mobile menu iconКак скачать аудиодорожку (музыку) в MP3 "#51 Уроки PHP - Учим язык PHP, Форма обратной связи на языке PHP и отправка письма на почту"?mobile menu icon

  • Самый удобный способ — воспользоваться программой UDL Client, которая поддерживает конвертацию видео в формат MP3. В некоторых случаях MP3 можно скачать и через расширение UDL Helper.

mobile menu iconКак сохранить кадр из видео "#51 Уроки PHP - Учим язык PHP, Форма обратной связи на языке PHP и отправка письма на почту"?mobile menu icon

  • Эта функция доступна в расширении UDL Helper. Убедитесь, что в настройках отмечен пункт «Отображать кнопку сохранения скриншота из видео». В правом нижнем углу плеера левее иконки «Настройки» должна появиться иконка камеры, по нажатию на которую текущий кадр из видео будет сохранён на ваш компьютер в формате JPEG.

mobile menu iconСколько это всё стоит?mobile menu icon

  • Нисколько. Наши сервисы абсолютно бесплатны для всех пользователей. Здесь нет PRO подписок, нет ограничений на количество или максимальную длину скачиваемого видео.