Положить входы и кнопку в раскрывающемся меню

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>

Я ищу что-нибудьвот так -

Просто вместо кнопок, он будет содержать поля ввода и кнопку Set.

Спасибо.

Answer 1

Провел небольшое исследование и нашел эту ссылку Поместите ввод внутрь select

По сути, в HTML нет способа сделать это изначально.Я хотел бы использовать библиотеку типа начальной загрузки, которая уже создала такую ​​функциональность.Проверьте эту ссылку, и, возможно, это поможет.https://getbootstrap.com/docs/4.0/components/dropdowns/#menu-forms

Редактировать: Так как вы используете угловой.https://ng -bootstrap.github.io / # / компоненты / выпадающий / примеры # форма