<!DOCTYPE html>
<
html
>
<
head
>
<
link
href
=
rel
=
"stylesheet"
/>
<
link
rel
=
"stylesheet"
href
=
<
script
type
=
"text/javascript"
src
=
</
script
>
<
script
src
=
</
script
>
<
meta
name
=
"viewport"
content
=
"width=device-width, initial-scale=1.0"
/>
</
head
>
<
body
class
=
"container"
>
<
div
class
=
"row"
>
<
form
class
=
"col s12"
>
<
div
class
=
"row"
>
<
label
>Select</
label
>
<
div
class
=
"select1 green-text"
>
<
select
>
<
option
value
=
""
disabled selected>
Select Topic
</
option
>
<
option
value
=
"1"
>
Machine Learning</
option
>
<
option
value
=
"2"
>
Web Development</
option
>
<
option
value
=
"3"
>
Language</
option
>
</
select
>
</
div
>
</
div
>
<
div
class
=
"row green-text"
>
<
label
>Multi Select</
label
>
<
select
multiple>
<
option
value
=
""
disabled selected>
Select Topic</
option
>
<
option
value
=
"1"
>
Machine Learning</
option
>
<
option
value
=
"2"
>
Web Development</
option
>
<
option
value
=
"3"
>
Language</
option
>
</
select
>
</
div
>
<
div
class
=
"row green-text"
>
<
label
>Select with Optgroup</
label
>
<
select
>
<
optgroup
label
=
"Web Development"
>
<
option
value
=
"1"
>
HTML</
option
>
<
option
value
=
"2"
>
CSS</
option
>
<
option
value
=
"3"
>
JavaScript</
option
>
</
optgroup
>
<
optgroup
label
=
"Language"
>
<
option
value
=
"4"
>
Python</
option
>
<
option
value
=
"5"
>
C</
option
>
<
option
value
=
"6"
>
Java</
option
>
</
optgroup
>
</
select
>
</
div
>
<
div
class
=
"row green-text"
>
<
label
>Select with images</
label
>
<
select
class
=
"icons"
>
<
option
value
=
""
disabled selected>
Select Technology</
option
>
<
option
value
=
"1"
data-icon
=
class
=
"circle"
> HTML</
option
>
<
option
value
=
"2"
>JavaScript</
option
>
<
option
value
=
"3"
>CSS</
option
>
</
select
>
</
div
>
<
div
class
=
"row green-text"
>
<
label
>Browser default Select</
label
>
<
select
class
=
"browser-default"
>
<
option
value
=
""
disabled selected>
Select Topic</
option
>
<
option
value
=
"1"
>
Machine Learning</
option
>
<
option
value
=
"2"
>
Web Development</
option
>
<
option
value
=
"3"
>
Language</
option
>
</
select
>
</
div
>
<
div
class
=
"row green-text"
>
<
label
>
Disabled Materialize Select</
label
>
<
label
>
Disabled Materialize Select</
label
>
<
select
disabled>
<
option
value
=
""
disabled selected>
Select Topic</
option
>
<
option
value
=
"1"
>
Machine Learning</
option
>
<
option
value
=
"2"
>
Web Development</
option
>
<
option
value
=
"3"
>
Language</
option
>
</
select
>
</
div
>
<
div
class
=
"row green-text"
>
<
label
>Disabled Browser
default Select</
label
>
<
select
class
=
"browser-default"
disabled>
<
option
value
=
""
disabled selected>
Select Topic</
option
>
<
option
value
=
"1"
>
Machine Learning</
option
>
<
option
value
=
"2"
>
Web Development</
option
>
<
option
value
=
"3"
>
Language</
option
>
</
select
>
</
div
>
</
form
>
</
div
>
<
script
>
$(document).ready(function () {
$("select").material_select();
});
</
script
>
<
script
src
=
</
script
>
</
body
>
</
html
>