将输入和按钮放在下拉菜单中

Question

在一个有角度的项目中，我有4个用户应该输入的输入，以及一个Set All按钮来设置它们。

如何将输入字段和按钮放在标题为Fill inputs的下拉菜单中？

这是HTML代码-

          <input type="number" placeholder = 'Chapter'  #chapter>
          <input type="number" placeholder = 'Page'  #page>
          <br>
          <input type="number" placeholder = 'First version'  #version1>
          <input type="number" placeholder = 'Second version'  #version2>
          <button type="submit" (click) = "setChapter(chapter.value);setPage(page.value);setV1(version1.value);setV2(version2.value);">Set All</button>

我正在寻找类似的东西-

仅包含按钮和输入按钮，而不包含按钮。

谢谢。

Answer 1

做了一些研究后发现此链接 Put input inside select

基本上，没有办法在HTML中本地执行此操作。我会考虑使用像bootstrap这样的库，它已经建立了这种功能。查看此链接，可能会有所帮助。 https://getbootstrap.com/docs/4.0/components/dropdowns/#menu-forms

编辑：由于您使用的是角度。 https://ng-bootstrap.github.io/#/components/dropdown/examples#form