role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
时间: 2023-12-23 15:03:08 浏览: 170
react-styled-toggle:可自定义的切换按钮
这是一个用于创建下拉菜单的HTML属性。具体来说,role="button"表示该元素是一个按钮,data-toggle="dropdown"表示点击该按钮时会触发下拉菜单的显示和隐藏,aria-haspopup="true"表示该按钮具有下拉菜单,aria-expanded="false"表示下拉菜单当前是隐藏状态。
以下是一个示例:
```html
<button type="button" class="btn btn-secondary" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
点击我显示下拉菜单
</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">菜单项1</a></li>
<li><a class="dropdown-item" href="#">菜单项2</a></li>
<li><a class="dropdown-item" href="#">菜单项3</a></li>
</ul>
```
当用户点击按钮时,下拉菜单会显示出来,用户可以选择其中的菜单项。当用户再次点击按钮或点击菜单项之外的区域时,下拉菜单会隐藏起来。
阅读全文