Форма обратной связи html

Dimazt

12 июня 2020, 21:48

437

Здравствуйте! подскажите как поравить код на html

форма обратной связи не отправляет сообщение, что нужно ещё добавить в код?

где сменить e-mail что б туда приходила почта)

contact.html выглядит так:

<!doctype html>

<html lang="en">

  <head>

    <!-- Required meta tags -->

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">


    <!-- Bootstrap CSS -->

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">

    <link rel="stylesheet" href="https://searchengines.guru/ru/forum/assets/styles/main.css">

    <link href="https://fonts.googleapis.com/css?family=Inconsolata|Merriweather|Open+Sans|Roboto+Mono&display=swap" rel="stylesheet">


    <title>Contact Me</title>

  </head>

  <body class="another__page">

    <header class="header">

      <nav class="header__nav">

          <ul class="header__nav__list header__nav__list_another">

              <li class="header__nav__list__item"><a class="header__nav__list__item__link" href="https://searchengines.guru/">Home</a class="header__nav__list__item__link"></li>

              <li class="header__nav__list__item"><a class="header__nav__list__item__link" href="https://searchengines.guru/ru/forum/resume.html">Resume</a></li>

              <li class="header__nav__list__item"><a class="header__nav__list__item__link" href="https://searchengines.guru/ru/forum/portfolio.html">Portfolio</a></li>

              <li class="header__nav__list__item"><a class="header__nav__list__item__link" href="https://searchengines.guru/ru/forum/contact.html">Contact me</a></li>

          </ul>

      </nav>

  </header>

  <main class="resume__main">

    <h1 class="main__title__page resume__main__title">Get in Touch</h1>

  <form action="" class="resume__main__form">

    <div class="resume__main__form__first_section resume__section">

      <div class="resume__main__form__first_section__item resume__section__item">

      <input type="text" id="name" class="resume__main__form__input">

      <label for="#name" class="resume__main__form__label">Your Name</label>

    </div>

    <div class="resume__main__form__first_section__item resume__section__item">

      <input type="text" id="email" class="resume__main__form__input">

      <label for="#email" class="resume__main__form__label">Your email</label>

    </div>

    </div>


    <div class="resume__main__form__first_section resume__section">

      <div class="resume__main__form__first_section__item resume__section__item">

      <input type="text" id="subject" class="resume__main__form__input">

      <label for="#subject" class="resume__main__form__label">Subject</label>

    </div>

    <div class="resume__main__form__first_section__item resume__section__item">

      <input type="text" id="company" class="resume__main__form__input">

      <label for="#company" class="resume__main__form__label">Company</label>

    </div>

    </div>

    <div class="resume__main__form__first_section__item resume__section__item resume__section__item__textarea">

      <textarea id="message" class="resume__main__form__textarea resume__main__form__input"></textarea>

      <label for="#message" class="resume__main__form__label">Your message</label>

    </div>

    <button class="resume__main__form__sumbit">Send Message</button>

  </form>

    </main>


    <!-- Optional JavaScript -->

    <!-- jQuery first, then Popper.js, then Bootstrap JS -->

    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>

    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>


    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>

      <script src="https://searchengines.guru/assets/scripts/main.js"></script>


  </body>

</html>

ziliboba0213

12 июня 2020, 21:56

На html никак, отправляет не html 🍿

Sitealert

12 июня 2020, 22:17

Dimazt:
где сменить e-mail что б туда приходила почта

На сервере – в обработчике или в настройках.

WCREATOR

13 июня 2020, 05:14

много подобных кодов, можете поискать или вот ссылки

https://phppot.com/php/php-contact-form/

https://www.freecontactform.com/form-guides/html-email-form

https://www.jotform.com/blog/20-code-snippets-contact-forms-98615/

Dimazt

13 июня 2020, 09:44

Sitealert:
На сервере – в обработчике или в настройках.

Подскажите где искать? а то я сайт залил а форма не работает

[hide]http://2.xabe.ml/contact.html[/hide]

Sitealert

13 июня 2020, 09:53

Dimazt:

Подскажите где искать?

Я выше написал. Какое слово из написанного непонятно?

— Сервер

— Обработчик

— Настройки

Gerga

13 июня 2020, 13:28

Dimazt:
Подскажите где искать? а то я сайт залил а форма не работает

Так вам никто не сможет подсказать куда именно нужно смотреть. Как вариант можете выполнить поиск символа «@» по файл, если найдется email-адрес — меняйте на свой.

onep

13 июня 2020, 13:40

Gerga:
Как вариант можете выполнить поиск символа

Если пример рабочий, то только в main.js может выполняться запрос

Gerga

13 июня 2020, 13:42

onep:
Если пример рабочий, то только в main.js может выполняться запрос

Не факт, возможно отправкой письма занимается серверный скрипт и возможно там email-адрес прописан или есть специальный .conf файл.

onep

13 июня 2020, 13:45

Gerga:
Не факт, возможно отправкой письма занимается серверный скрипт.

Через main.js. Напрямую не может — у полей формы нет аргументов name

Gerga

13 июня 2020, 13:47

onep, там и action не прописан. После определенного события JS обращается к серверном скрипту, который отправляет письмо. Нужно email-адрес получателя поменять. Он может быть захардкоден как в самом скрипте, так и в каком-то .conf.

Похожие записи:

Добавить комментарий Отменить ответ