如何创建一个让您发送电子邮件的按钮

发布于 2025-01-29 07:59:16 字数 791 浏览 3 评论 0原文

我正在尝试创建一个按钮，该按钮一旦单击它，它使您可以将电子邮件发送到添加到代码的电子邮件中，我尝试了“ mailto”，但它不起作用。这里的代码：

<div class="col-12 col-md-6 col-lg-3 grid-margin">
  <h5 class="pb-2">Contáctanos</h5>
  <p class="text-muted">Para más información, envíanos un correo!</p>
  <form>
    <input type="text" class="form-control" id="Email" placeholder="Email">
  </form>
  <div class="pt-3">
    <button class="btn btn-dark">Subscribirse <a href="mailto:[email protected]"></a></button>
  </div>
</div>

我会等您的帮助，谢谢！

原文

I'm trying to create a button that once you click on it, it lets you send an email to the email you add to the code, I tried "mailto" but its not working. Here the code:

<div class="col-12 col-md-6 col-lg-3 grid-margin">
  <h5 class="pb-2">Contáctanos</h5>
  <p class="text-muted">Para más información, envíanos un correo!</p>
  <form>
    <input type="text" class="form-control" id="Email" placeholder="Email">
  </form>
  <div class="pt-3">
    <button class="btn btn-dark">Subscribirse <a href="mailto:[email protected]"></a></button>
  </div>
</div>

I'll be waiting for your help, thanks!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

梦魇绽荼蘼 2025-02-05 07:59:16

您可以尝试一下，它仍然使用mailto，但是在JavaScript 中不会引起错误：

    <div class="col-12 col-md-6 col-lg-3 grid-margin">
        <h5 class="pb-2">Contáctanos</h5>
        <p class="text-muted">Para más información, envíanos un correo!</p>
        <form>
          <input type="text" class="form-control" id="Email" placeholder="Email">
        </form>
        <div class="pt-3">
          <button  onclick=send_email() class="btn btn-dark">Subscribirse <a href="mailto:[email protected]"></a></button>
        </div>
      </div>
    
    <script>
    function send_email() {
    //get the input
    user_email = document.getElementById("Email");
    //use mailto:
    location.href = "mailto:" + user_email.value;
    }
    </script>

You can try this, it still uses mailto but in javascript which doesnt cause errors:

    <div class="col-12 col-md-6 col-lg-3 grid-margin">
        <h5 class="pb-2">Contáctanos</h5>
        <p class="text-muted">Para más información, envíanos un correo!</p>
        <form>
          <input type="text" class="form-control" id="Email" placeholder="Email">
        </form>
        <div class="pt-3">
          <button  onclick=send_email() class="btn btn-dark">Subscribirse <a href="mailto:[email protected]"></a></button>
        </div>
      </div>
    
    <script>
    function send_email() {
    //get the input
    user_email = document.getElementById("Email");
    //use mailto:
    location.href = "mailto:" + user_email.value;
    }
    </script>

回复收藏 0 原文

~没有更多了~