Как сделать флажки внутри выдвижного списка?

Question

[Andrew Garfield]

За качество картинки извиняюсь.

Answer 1

[Дмитрий]

https://habr.com/ru/sandbox/113454/ итд итп

Answer 2

[Талян]

Нативно - никак. Вот решение с jQuery плагином www.lisenme.com/multi-select-custom-dropdown-check...

https://www.youtube.com/watch?v=pD9jwU5L84c

Answer 3

[lukoie]

я делал примерно так:

<section class="hero city-back">
	<div class="container">
		<div class="row">
			<div class="col-lg-12 text-center">
				<form action="#" class="search-form" id="mainsearch">
					<label for="main-search" class="main-search-label"></label>
					<input name="main-search" placeholder="Ищите и найдете..." title="main-search" class="main-search">
					<!-- <button class="btn btn-info">Искать</button> -->
					<div class="searcher">
						<div class="btn-group group-searcher">
							<div class="btn-group group-search">
								<button type="button" class="btn btn-light dropdown-toggle" data-toggle="dropdown" id="search-dropper"></button>
								<div class="dropdown-menu dropdown-menu-right" id="mainsearch-dropdown">
									<div class="dropdown-header">Где искать</div>
									<input class="searchform-check-input" type="checkbox"></input>
									<div class="searchform-item">Документы</div>
									<div style="clear: both;"></div>
									<input class="searchform-check-input" type="checkbox"></input>
									<div class="searchform-item">Новости</div>
									<div style="clear: both;"></div>
									<input class="searchform-check-input" type="checkbox"></input>
									<div class="searchform-item">Статьи</div>

								</div>
							</div>
							<button type="button" class="btn btn-info btn-click">Искать</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</section>