如何制作带有复选标记列表的弹出气泡/下拉列表

How do I make a pop-up bubble/dropdown with a list of checkmarks?

本文关键字：气泡 下拉列表 列表 作带 何制      更新时间：2023-09-26

我有一个网站，我想在那里点击一个按钮，并有一个下拉列表或气泡。看起来像是从小提琴上掉下来的东西。

@import url('http://getbootstrap.com/dist/css/bootstrap.css');

虽然我知道这只是一个下拉菜单，但我希望我的菜单能够有一个复选标记列表，你可以在其中勾选一些选项

有人知道我可以用来创建这个的工具或类似工具吗？

具有类drop down-menu的ul应该能够被大约任何元素替换。。。不一定只是一张清单。然而，要回答这个问题，你应该能够在其中放置你想要的任何形式元素，比如这个。。。

<div class="dropdown">
  <a data-toggle="dropdown" href="#">Dropdown trigger</a>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
    <form>
       <input type="radio" name="sex" value="male">Male<br>
       <input type="radio" name="sex" value="female">Female
    </form>
    <form>
       <input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
       <input type="checkbox" name="vehicle" value="Car">I have a car 
    </form>
  </ul>
</div>

这里有一个演示：demo

相关文章：