Scribd
Upload
6 views3 pages

Form

This document contains an HTML registration form with fields for personal information such as name, gender, address, contact details, date of birth, district, and an upload field for a marksheet. The form uses labels, text and email inputs, radio buttons, checkboxes, select dropdowns, and submit buttons wrapped in a fieldset. Styling is applied using CSS for colors, fonts, borders, and positioning of elements.

Uploaded by

Newton Sir
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
6 views3 pages

Form

This document contains an HTML registration form with fields for personal information such as name, gender, address, contact details, date of birth, district, and an upload field for a marksheet. The form uses labels, text and email inputs, radio buttons, checkboxes, select dropdowns, and submit buttons wrapped in a fieldset. Styling is applied using CSS for colors, fonts, borders, and positioning of elements.

Uploaded by

Newton Sir
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

<!

DOCTYPE html>
<html lang="en">
<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>Website</title>
<style>
body{
background-color: rgb(157, 242, 192);
font-size: 20px;
}
h1{
text-decoration: underline;
text-align: center;
}
input,select,button{
font-family: 'Times New Roman', Times, serif;
background-color: antiquewhite;
border-radius: 5px;
height: 22px;
border: 1px solid black;
}
::placeholder{
color:black;
font-size: 16px;
}

</style>
</head>
<body>
<h1> Registration Form</h1>
<div>
<form action="java.html" method="post">
<fieldset>
<legend>Registration Form </legend>
<label for="fname">Firstname:</label>
<input type="text" id="fname" placeholder="Enter your first name.."
required>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<label for="lname">Lastname:</label>
<input type="text" id="lname" placeholder="Enter your last name.."
required><br><br>
Gender:<br><input id="male" type="radio" name="gender"><label
for="male">Male</label><br>
<input id="female" type="radio" name="gender"><label
for="female">Female</label><br>
<input id="others" type="radio" name="gender"><label
for="others">Others</label> <br><br>

<label for="physical">Are you physically disabled?</label>


<input id="physical" type="checkbox"> <br><br>

<label for="adrs">Address:</label>
&nbsp;<input type="address" id="adrs" placeholder="Enter your address.."
required>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br><br>

<label for="no.">Contact:</label>
&nbsp;<input type="password" id="no." placeholder="Enter your phone
number..." maxlength="12" required><br><br>

<label for="mail"> Email:</label>


<input id="mail" type="email" placeholder="Enter your mailing
address."><br><br>

<label for="date">DOB:</label>
<input id="date" type="date"><br><br>

<label for="district"> District:</label>


<select>
<optgroup label="Koshi Province" class="Province" required>
<option value="Morang">Morang</option>
<option value="Jhapa" selected>Jhapa</option>
<option value="Illam">Illam</option>
<option value="Solukhumbu">Solukhumbu</option>
</optgroup><br><br>
<optgroup label="Madesh Province" class="Province" required>
<option value="Bara">Bara</option>
<option value="Parsa" selected>Parsa</option>
<option value="sarlahi">Sarlahi</option>
<option value="Siraha">Siraha</option>
</optgroup><br><br>
<optgroup label="Bagmati Province" class="Province" required>
<option value="kathmandu">Kathmandu</option>
<option value="Sindhuli" selected>Sindhuli</option>
<option value="Bhaktapur">Bhaktapur</option>
<option value="Lalitpur">Lalitpur</option>
</optgroup>
<optgroup label="Gandaki Province" class="Province" required>
<option value="mustang">Mustang</option>
<option value="Parbat" selected>Parbat</option>
<option value="syangja">Syangja</option>
<option value="kaski">Kaski</option>
</optgroup>
</select><br><br>

<label for="file"> Marksheet:</label>


<input id="file" type="file"><br><br>

<button type="reset" class="reset">Reset</button>

<button type="submit" class="submit">Submit</button>


</fieldset>
</form>
</div>

</body>
</html>

You might also like