<a href 的角色 =“按钮”

Posted 2023-03-03

【中文标题】<a href 的角色 =“按钮”

【英文标题】：role="button" for <a href

【发布时间】：2014-05-19 02:33:31

【问题描述】：

您好，我想知道引导程序如何将 role="button" 添加到 href 链接。

<a href="" role="button">

我在 css 中的任何地方都看不到角色按钮

我正在尝试制作自己的版本。

【问题讨论】：

除了下面 Jake 的回答之外，这里还有一些关于 role 的作用的信息。 ***.com/questions/10403138/role-attribute-in-html

【参考方案1】：

你到底想让链接/按钮做什么？

如果您只是想为链接设置样式，使其看起来像一个引导按钮，您只需将按钮类添加到它：

<a href="#" class="btn btn-primary">A Link</a>

如果您希望它像按钮一样运行（即提交表单或其他东西），那么您将需要 javascript 或 jQuery 来做到这一点会更好：

    <a href="#" id="myButton">A Link</a>
    <script>
    $(document).ready(function()
        $("#myButton").click(function()
            $("#myFormID").submit();
        ); 
    );
    </script>

然后将两者结合起来，锚链接就会出现，就像一个按钮。

【讨论】：

谢谢！ “href”属性非常重要，否则当您按下“Enter”键时不会发生任何事情。使用 tabindex="0" 的键盘导航...