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

D

78

Dimazt

12 июня 2020, 21:48

454

Здравствуйте! подскажите как поравить код на 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="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="/">Home</a class="header__nav__list__item__link"></li>

              <li class="header__nav__list__item"><a class="header__nav__list__item__link" href="resume.html">Resume</a></li>

              <li class="header__nav__list__item"><a class="header__nav__list__item__link" href="portfolio.html">Portfolio</a></li>

              <li class="header__nav__list__item"><a class="header__nav__list__item__link" href="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="/assets/scripts/main.js"></script>



  </body>

</html>

Z0

758

ziliboba0213

12 июня 2020, 21:56

#1

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

2

S

469

Sitealert

12 июня 2020, 22:17

#2

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

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

1

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.

WR

56

WCREATOR

13 июня 2020, 05:14

#3

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

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

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

https://codepen.io/nikhil8krishnan/pen/gaybLK

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

1

сайты на OVH

D

78

Dimazt

13 июня 2020, 09:44

#4

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

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

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

S

469

Sitealert

13 июня 2020, 09:53

#5

Dimazt:

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

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

- Сервер

- Обработчик

- Настройки

1

94

Gerga

13 июня 2020, 13:28

#6

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

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

O

18

onep

13 июня 2020, 13:40

#7

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

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

94

Gerga

13 июня 2020, 13:42

#8

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

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

O

18

onep

13 июня 2020, 13:45

#9

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

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

94

Gerga

13 июня 2020, 13:47

#10

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

Google: E-E-A-T не является фактором ранжирования

Что такое Power BI и зачем это нужно бизнесу