<!DOCTYPE html>
<
html
>
<
head
>
<
title
>
Semantic-UI Form Size Variation
</
title
>
<
link
rel
=
"stylesheet"
href
=
</
head
>
<
body
>
<
div
class
=
"ui container center aligned"
>
<
h2
style
=
"color:green"
>
GeeksforGeeks
</
h2
>
<
h3
>Semantic-UI Form Size Variation</
h3
>
</
div
>
<
form
class
=
"ui container mini form"
>
<
h4
>Mini Size Form</
h4
>
<
div
class
=
"field"
>
<
label
>Username</
label
>
<
input
type
=
"text"
name
=
"username"
placeholder
=
"Enter Username"
>
</
div
>
<
div
class
=
"field"
>
<
label
>Password</
label
>
<
input
type
=
"password"
name
=
"pwd"
placeholder
=
"Enter Password"
>
</
div
>
<
button
class
=
"ui button right"
type
=
"submit"
>
Submit
</
button
>
</
form
>
<
br
><
br
>
<
form
class
=
"ui container tiny form"
>
<
h4
>Tiny Size Form</
h4
>
<
div
class
=
"field"
>
<
label
>Username</
label
>
<
input
type
=
"text"
name
=
"username"
placeholder
=
"Enter Username"
>
</
div
>
<
div
class
=
"field"
>
<
label
>Password</
label
>
<
input
type
=
"password"
name
=
"pwd"
placeholder
=
"Enter Password"
>
</
div
>
<
button
class
=
"ui button right"
type
=
"submit"
>
Submit
</
button
>
</
form
>
<
br
><
br
>
<
form
class
=
"ui container small form"
>
<
h4
>Small Size Form</
h4
>
<
div
class
=
"field"
>
<
label
>Username</
label
>
<
input
type
=
"text"
name
=
"username"
placeholder
=
"Enter Username"
>
</
div
>
<
div
class
=
"field"
>
<
label
>Password</
label
>
<
input
type
=
"password"
name
=
"pwd"
placeholder
=
"Enter Password"
>
</
div
>
<
button
class
=
"ui button right"
type
=
"submit"
>
Submit
</
button
>
</
form
>
<
br
><
br
>
<
form
class
=
"ui container large form"
>
<
h4
>Large Size Form</
h4
>
<
div
class
=
"field"
>
<
label
>Username</
label
>
<
input
type
=
"text"
name
=
"username"
placeholder
=
"Enter Username"
>
</
div
>
<
div
class
=
"field"
>
<
label
>Password</
label
>
<
input
type
=
"password"
name
=
"pwd"
placeholder
=
"Enter Password"
>
</
div
>
<
button
class
=
"ui button right"
type
=
"submit"
>
Submit
</
button
>
</
form
>
<
br
><
br
><
br
><
br
>
</
body
>
</
html
>