html - mailto 链接无法使用 Bootstrap

Question

我无法让我的 mailto 链接在此登陆页面上工作。我一直在谷歌搜索，但仍然没有找到为什么简单的 mailto 链接无法使用 Bootstrap 工作的答案。

我正在尝试获取右上角菜单中的“联系我们”链接以打开邮件窗口，而“立即引用”链接需要转到页面下方的 anchor 标记，代码如下。网页可见:website code

<div class="col-xs-10 text-right menu-1 main-nav">
                <ul>
                    <li class="active"><a href="#benefits" data-nav-section="benefits">BENEFITS</a></li>
                    <li class="active"><a href="#requirements" data-nav-section="requirements">REQUIREMENTS</a></li>
                    <li class="active"><a href="mailto:surveyorhr@carf.org">CONTACT US</a></li>
                    <li><input type="submit" class='contact-button' value="REFER NOW" onclick="window.location.href='mailto:surveyorhr@carf.org'"></li>
                    <!-- For external page link -->
                    <!-- <li><a href="#" class="external">External</a></li> -->
                </ul>
            </div>

如有任何帮助，我们将不胜感激。

Answer 1

为邮件链接使用输入类型的提交按钮似乎很奇怪——那些肯定不是为邮件链接而设计的——除此之外，任何提交按钮都只能在表单的上下文中工作，即在 表单中 元素。

我建议使用常规链接并使用 CSS 将其设置为按钮样式。

(顺便说一句:这与 Bootstrap 无关)