如何通过联系表将数据发送到电子邮件

Question

我试图将消息发送到此代码中的电子邮件中，一旦您单击“ Enkiar”，您的消息将转到您的电子邮件，其中包含名称，电子邮件和消息信息。我正在使用此提供商，但它不起作用： https://formsubmit.co/ 这是代码：

      <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <h4 class="modal-title" id="exampleModalLabel">Contáctanos</h4>
            </div>
            <div class="modal-body">
              <form>
                <form action="https://formsubmit.co/[email protected]" method="POST">
                <div class="form-group">
                  <label for="Name">Nombre</label>
                  <input type="text" class="form-control" id="Name" placeholder="Name" required>
                </div>
                <div class="form-group">
                  <label for="Email">Email</label>
                  <input type="email" class="form-control" id="Email-1" placeholder="Email" required>
                </div>
                <div class="form-group">
                  <label for="Message">Mensaje</label>
                  <textarea class="form-control" id="Message" placeholder="Ingresa tu mensaje" required></textarea>
                </div>
              </form>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-light" data-dismiss="modal">Cerrar</button>
              <button type="submit" class="btn btn-success">Enviar</button>
            </div>
          </div>
        </div>
      </div>
    </div> 
  </div>```

Hopefully someone can help me out, thanks!

Answer 1

代码的问题是，提交按钮在＆lt; form＆gt;打开和关闭标签之外。但是，在模态类别之后立即＆lt; form标签，

您的代码应该像这样

 <form action="https://formsubmit.co/[email protected]" method="POST">
            <div class="form-group">
              <label for="Name">Nombre</label>
              <input type="text" class="form-control" id="Name" placeholder="Name" required>
            </div>
            <div class="form-group">
              <label for="Email">Email</label>
              <input type="email" class="form-control" id="Email-1" placeholder="Email" required>
            </div>
            <div class="form-group">
              <label for="Message">Mensaje</label>
              <textarea class="form-control" id="Message" placeholder="Ingresa tu mensaje" required></textarea>
            </div>
         
       
        <div class="modal-footer">
          <button type="button" class="btn btn-light" data-dismiss="modal">Cerrar</button>
          <button type="submit" class="btn btn-success">Enviar</button>
        </div>
    </form>