<!DOCTYPE html>
<
html
>
<
head
>
<
title
> Semantic-UI Dropdown Search In-Menu Type </
title
>
<
link
rel
=
"stylesheet"
href
=
<
script
src
=
</
script
>
<
script
src
=
</
script
>
</
head
>
<
body
>
<
div
class
=
"ui container center aligned"
>
<
h2
class
=
"ui green header"
> GeeksforGeeks </
h2
>
<
h3
> Semantic-UI Dropdown Search In-Menu Type </
h3
>
<
div
class
=
"ui multiple dropdown"
>
<
input
type
=
"hidden"
name
=
"filters"
>
<
i
class
=
"add icon"
></
i
>
<
span
class
=
"text"
> Select multiple </
span
>
<
div
class
=
"menu"
>
<
div
class
=
"ui icon search input"
>
<
i
class
=
"search icon"
></
i
>
<
input
type
=
"text"
placeholder
=
"Search..."
>
</
div
>
<
div
class
=
"header"
>
Topics
</
div
>
<
div
class
=
"scrolling menu"
>
<
div
class
=
"item"
data-value
=
"c++"
>
<
div
class
=
"ui green empty circular label"
></
div
>
C++
</
div
>
<
div
class
=
"item"
data-value
=
"java"
>
<
div
class
=
"ui blue empty circular label"
></
div
>
Java
</
div
>
<
div
class
=
"item"
data-value
=
"python"
>
<
div
class
=
"ui black empty circular label"
></
div
>
Python
</
div
>
<
div
class
=
"item"
data-value
=
"flutter"
>
<
div
class
=
"ui purple empty circular label"
></
div
>
Flutter
</
div
>
<
div
class
=
"item"
data-value
=
"javascript"
>
<
div
class
=
"ui red empty circular label"
></
div
>
Javascript
</
div
>
</
div
>
</
div
>
</
div
>
</
div
> <
br
>
<
script
>
$('.ui.dropdown').dropdown();
</
script
>
</
body
>
</
html
>