<!DOCTYPE html>
<
html
>
<
head
>
<
title
>Bootstrap 5 Layout Horizontal form</
title
>
rel
=
"stylesheet"
integrity
=
"sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
crossorigin
=
"anonymous"
>
integrity
=
"sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin
=
"anonymous"
>
</
script
>
</
head
>
<
body
>
<
div
class
=
"container"
>
<
h1
class
=
"text-success text-center"
>
GeeksforGeeks
</
h1
>
<
h2
class
=
"text-center"
>
Bootstrap 5 Layout Horizontal form
</
h2
>
<
form
>
<
div
class
=
"row"
>
<
label
for
=
"fname"
class="col-sm-2
col-form-label">First Name</
label
>
<
div
class
=
"col-sm"
>
<
input
type
=
"text"
class
=
"form-control"
id
=
"fname"
placeholder
=
"First Name"
>
</
div
>
</
div
>
<
div
class
=
"row mt-4"
>
<
label
for
=
"lname"
class="col-sm-2
col-form-label">Last Name</
label
>
<
div
class
=
"col-sm"
>
<
input
type
=
"text"
class
=
"form-control"
id
=
"lname"
placeholder
=
"Last Name"
>
</
div
>
</
div
>
<
div
class
=
"row mt-4"
>
<
label
for
=
"email"
class="col-sm-2
col-form-label">Email Id</
label
>
<
div
class
=
"col-sm"
>
<
input
type
=
"email"
class
=
"form-control"
id
=
"email"
placeholder
=
"Last Name"
>
</
div
>
</
div
>
<
div
class
=
"row mt-4 mb-4"
>
<
label
for
=
"mobile"
class="col-sm-2
col-form-label">Mobile No</
label
>
<
div
class
=
"col-sm"
>
<
input
type
=
"tel"
class
=
"form-control"
id
=
"mobile"
placeholder
=
"Last Name"
>
</
div
>
</
div
>
<
fieldset
class
=
"row"
>
<
legend
class
=
"col-form-label col-sm-2 pt-0"
>Gender</
legend
>
<
div
class
=
"col-sm"
>
<
div
class
=
"form-check"
>
<
input
class
=
"form-check-input"
type
=
"radio"
name
=
"gender"
id
=
"male"
value
=
"option1"
checked>
<
label
class
=
"form-check-label"
for
=
"male"
>
Male
</
label
>
</
div
>
<
div
class
=
"form-check"
>
<
input
class
=
"form-check-input"
type
=
"radio"
name
=
"gender"
id
=
"female"
value
=
"option2"
>
<
label
class
=
"form-check-label"
for
=
"female"
>
Female
</
label
>
</
div
>
<
div
class
=
"form-check"
>
<
input
class
=
"form-check-input"
type
=
"radio"
name
=
"gender"
id
=
"others"
value
=
"option3"
>
<
label
class
=
"form-check-label"
for
=
"others"
>
Others
</
label
>
</
div
>
</
div
>
</
fieldset
>
<
button
type
=
"submit"
class
=
"btn btn-primary"
>Sign Up</
button
>
</
form
>
</
div
>
</
body
>
</
html
>