<!DOCTYPE html>
<
html
>
<
head
>
<
title
> Semantic-UI Form Variations </
title
>
<
link
rel
=
"stylesheet"
href
=
</
head
>
<
body
>
<
div
class
=
"ui container"
>
<
h2
class
=
"ui header green"
> GeeksforGeeks </
h2
>
<
h3
> Semantic-UI Form Variations - Size </
h3
>
<
div
class
=
"ui mini form"
>
<
h4
> Mini Size: </
h4
>
<
div
class
=
"field"
>
<
label
> Username: </
label
>
<
input
placeholder
=
"Enter Username"
type
=
"text"
>
</
div
>
<
div
class
=
"field"
>
<
label
> Password: </
label
>
<
input
placeholder
=
"Enter Password"
type
=
"text"
>
</
div
>
<
div
class
=
"ui button"
> Login </
div
>
</
div
> <
br
>
<
div
class
=
"ui tiny form"
>
<
h4
> Tiny Size: </
h4
>
<
div
class
=
"field"
>
<
label
> Username: </
label
>
<
input
placeholder
=
"Enter Username"
type
=
"text"
>
</
div
>
<
div
class
=
"field"
>
<
label
> Password: </
label
>
<
input
placeholder
=
"Enter Password"
type
=
"text"
>
</
div
>
<
div
class
=
"ui button"
> Login </
div
>
</
div
> <
br
>
<
div
class
=
"ui small form"
>
<
h4
> Small Size: </
h4
>
<
div
class
=
"field"
>
<
label
> Username: </
label
>
<
input
placeholder
=
"Enter Username"
type
=
"text"
>
</
div
>
<
div
class
=
"field"
>
<
label
> Password: </
label
>
<
input
placeholder
=
"Enter Password"
type
=
"text"
>
</
div
>
<
div
class
=
"ui button"
> Login </
div
>
</
div
> <
br
>
<
div
class
=
"ui large form"
>
<
h4
> Large Size: </
h4
>
<
div
class
=
"field"
>
<
label
> Username: </
label
>
<
input
placeholder
=
"Enter Username"
type
=
"text"
>
</
div
>
<
div
class
=
"field"
>
<
label
> Password: </
label
>
<
input
placeholder
=
"Enter Password"
type
=
"text"
>
</
div
>
<
div
class
=
"ui button"
> Login </
div
>
</
div
> <
br
>
<
div
class
=
"ui huge form"
>
<
h4
> Huge Size: </
h4
>
<
div
class
=
"field"
>
<
label
> Username: </
label
>
<
input
placeholder
=
"Enter Username"
type
=
"text"
>
</
div
>
<
div
class
=
"field"
>
<
label
> Password: </
label
>
<
input
placeholder
=
"Enter Password"
type
=
"text"
>
</
div
>
<
div
class
=
"ui button"
> Login </
div
>
</
div
> <
br
>
<
div
class
=
"ui massive form"
>
<
h4
> Massive Size: </
h4
>
<
div
class
=
"field"
>
<
label
> Username: </
label
>
<
input
placeholder
=
"Enter Username"
type
=
"text"
>
</
div
>
<
div
class
=
"field"
>
<
label
> Password: </
label
>
<
input
placeholder
=
"Enter Password"
type
=
"text"
>
</
div
>
<
div
class
=
"ui button"
> Login </
div
>
</
div
> <
br
>
</
div
>
</
body
>
</
html
>