html - 如何在 HTML 元素中编写 BTN 以打开用户电子邮件客户端

Question

我是 HTML 和 CSS 的新手，正在尝试构建类似于主页的东西。

请看截图。

如您所见，我在 Jumbotron 中部署了几个 Bootstrap 按钮。我希望这些 BTN 在单击时以目标空白中的 mailto 操作形式打开用户电子邮件客户端。

如果知道如何编写代码，我将不胜感激。

My HTML

<div class="jumbotron">
        <h1>Bespoke Recruitment Solutions</h1>
        <p class="lead">We are an independant recruitment company based in Leicester specialising in providing bespoke HR services.<br> We take the time to understand our clients vision, goals and culture allowing us to engage with the right talent to fill the vacancy.</p>
        <p class="text-center"><a class="btn btn-primary btn-lg" role="button">Submit Your CV</a><a class="btn btn-danger btn-lg" role="button">Fill A Vacancy</a></p>
      </div>

Answer 1

您需要使用 href 属性创建一个 ma​​ilto 链接。喜欢

<a class="btn btn-primary btn-lg" href="mailto:test@example.com" target="_blank" role="button">Submit Your CV</a>

这也取决于用户使用什么作为默认电子邮件客户端，但应该自行打开。

您还可以在电子邮件中添加更多选项，例如主题:

mailto:test@example.com?subject=My CV?cc=someoneelse@example.com