使用香草JavaScript提交表单

时间:2018-08-11 22:00:24

标签: javascript html

我只是想知道是否有一种方法可以仅使用纯JavaScript来提交表单数据并将其发送到我的电子邮件中。我的表单如下:

<form onsubmit="return false;" method="post" action="#">
      <div class="form__group">
        <input type="text" class="form__input" placeholder="Name" required>
        <img src="img/user.png" alt="User icon" class="form__input-img">
      </div>
      <div class="form__group">
        <input type="email" class="form__input" placeholder="joe@example.com" required>
        <img src="img/mail.png" alt="User icon" class="form__input-img">
      </div>
      <div class="form__group">
        <textarea class="form__input" name='message' placeholder="Message" rows="8" required></textarea>
        <img src="img/pencil.png" alt="User icon" class="form__input-img">
        <div class="expand">
          <p>Your message was sent successfully!</p>
          <span class="close-btn"><i class="fas fa-times"></i></span>
        </div>
      </div>
      <div class="form__group">
        <input id="submit" type="submit" class="form__submit btn" value="Send message">
      </div>
    </form>

如果您想查看实时版本,请访问www.gilbertrosario.com,在网页末尾,您将看到我想发送到我的电子邮件的表格和数据类型。任何帮助将不胜感激。

0 个答案:

没有答案