<!doctype html>
<
head
>
<
meta
charset
=
"utf-8"
/>
<
meta
http-equiv
=
"x-ua-compatible"
content
=
"ie = edge"
/>
<
meta
name
=
"viewport"
content
=
"width = device-width, initial-scale = 1.0"
/>
<
title
>Forms</
title
>
<
link
rel
=
"stylesheet"
href
=
crossorigin
=
"anonymous"
>
<
style
>
body {
margin: 5px;
}
</
style
>
</
head
>
<
body
>
<
h3
style
=
"color:green"
><
b
>GeeksforGeeks</
b
></
h3
>
<
form
>
<
label
>Input Label
<
input
type
=
"text"
placeholder
=
"enter your text"
>
</
label
>
<
p
class
=
"help-text"
>This is help text..</
p
>
<
label
>
<
textarea
placeholder
=
"This is text area"
></
textarea
>
</
label
>
<
label
>Select Menu
<
select
>
<
option
value
=
"india"
>India</
option
>
<
option
value
=
"Pakistan"
>Pakistan</
option
>
<
option
value
=
"china"
>China</
option
>
<
option
value
=
"Australia"
>Australia</
option
>
</
select
>
</
label
>
<
div
class
=
"row"
>
<
fieldset
class
=
"small-6 columns"
>
<
legend
>Your Favorite sport?</
legend
>
<
input
type
=
"radio"
name
=
"fruit"
value
=
"kabaddi"
>
<
label
for
=
"sportkab"
>kabaddi</
label
>
<
input
type
=
"radio"
name
=
"fruit"
value
=
"cricket"
>
<
label
for
=
"sportcrick"
>cricket</
label
>
</
fieldset
>
<
fieldset
class
=
"small-6 columns"
>
<
legend
>Choose your car?</
legend
>
<
input
id
=
"checkbox1"
type
=
"checkbox"
>
<
label
for
=
"checkbox1"
>Audi</
label
>
<
input
id
=
"checkbox2"
type
=
"checkbox"
>
<
label
for
=
"checkbox2"
>Civic Honda</
label
>
<
input
id
=
"checkbox3"
type
=
"checkbox"
>
<
label
for
=
"checkbox3"
>Suzuki</
label
>
</
fieldset
>
</
div
>
<
div
class
=
"input-group"
>
<
a
class
=
"input-group-button button"
>Submit</
a
>
</
div
>
</
form
>
</
body
>
</
html
>