Как отправить форму если в HTML коде нет тэга?

Question

[Александр]

Имеется шаблон, разработанный на bootstrap5. На определенной страничке размещена контактная форма, в коде которой отсутствует привычный мне тег <form>. Как отправить данные из этой формы методом Post? Спасибо!

Код формы:

<section>
      <div class="relative container">
        <div class="row justify-end">
          <div class="col-xl-5 col-lg-7">
            <div class="map-form px-40 pt-40 pb-50 lg:px-30 lg:py-30 md:px-24 md:py-24 bg-white rounded-4 shadow-4">
              <div class="text-22 fw-500">
                Send a message
              </div>

              <div class="row y-gap-20 pt-20">
                <div class="col-12">

                  <div class="form-input ">
                    <input type="text" required>
                    <label class="lh-1 text-16 text-light-1">Full Name</label>
                  </div>

                </div>
                <div class="col-12">

                  <div class="form-input ">
                    <input type="text" required>
                    <label class="lh-1 text-16 text-light-1">Email</label>
                  </div>

                </div>
                <div class="col-12">

                  <div class="form-input ">
                    <input type="text" required>
                    <label class="lh-1 text-16 text-light-1">Subject</label>
                  </div>

                </div>
                <div class="col-12">

                  <div class="form-input ">
                    <textarea required rows="4"></textarea>
                    <label class="lh-1 text-16 text-light-1">Your Messages</label>
                  </div>

                </div>
                <div class="col-auto">

                  <a href="#" class="button px-24 h-50 -dark-1 bg-blue-1 text-white">
                    Send a Messsage <div class="icon-arrow-top-right ml-15"></div>
                  </a>

                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

Comments

[mletov]

На чистом HTML - никак. Если с использованием JS, то как угодно. Например, динамически добавить тег form в разметку и вызвать postback или отправить через ajax.

[Александр]

После слова "недоверстка", посмотрел внимательно на этот шаблон и понял, что это не чистый бутстрап, а модификация. При оборачивании в тэги form, страница начинает вести себя некорректно. Шаблон ушел в корзину. Всем спасибо!

Answer 1

[Владимир Коротенко]

https://developer.mozilla.org/en-US/docs/Web/API/F...

Данные собираете сами из нужных полей, функцию на кнопку тоже сами вешаете