0% found this document useful (0 votes)
22 views4 pages

Document 2

Uploaded by

Lucky Raj
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
0% found this document useful (0 votes)
22 views4 pages

Document 2

Uploaded by

Lucky Raj
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/ 4

Experiment:-5

REGISTRATION PAGE: Create a“ registration form“ with the following fields


1. Name (Text field)
2. Password (password field)
3. E-mailid (text field)
4. Phone Number(text field)
5. Sex(radio button)
6. Date of birth(3 select boxes)
7. Languages known(checkboxes–English, Telugu, Hindi, Tamil)
8. Address(text area)

Program:-
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<center>
<title> Welcome To Online Book Store</title>
<h3>Kumar Anup</h3>
<h3>Roll no. 170</h3>
</center>
<head>
<center>
<h1>Welcome To Online Book Store</h1>
<img src="https://media.timeout.com/images/103637416/image.jpg?w-2000" height="80">
<h1>GL BAJAJ INSTITUTE OF TENCHNOLOGY AND MANAGEMENT </h1>
<a href="home page" >HOME PAGE</a>&nbsp
<a href="file:///C:/Users/user/Desktop/0.html/comple.html">REGISTRATION PAGE</a>&nbsp
<a href-"file:///C:/Users/kumar/OneDrive/Documents/html%20folder/login%20page.html">
<a href = "file:///C:/Users/kumar/Downloads/loginnew.html"> LOGIN PAGE</a>&nbsp<!-- Ensure this points
to your login page -->
<a href="cart page">CART PAGE</a>&nbsp
<a href = "file:///C:/Users/kumar/OneDrive/Documents/html%20folder/All%20book%20catalogue.html">
CATALOUGE PAGE</a>&nbsp
<body>
<h3>Registration Page</h3>
<form>
<lable for="Name">Enter your full name:-</lable>
<input type="text"id="Enter your full name"name"Enter your full name"
placeholder="Enter your name">
<br><br>
<lable for="Password">Enter Password</lable>
<input type="text"id="Enter Password"name"Enter Password"
placeholder="Enter Password">
<br><br>
<lable for="Email">Enter Email</lable>
<input type="text"id="Enter Email"name"Enter Email"
placeholder="Enter Email">
<br><br>
<lable for="Mobile No.">Mobile no.</lable>
<input type="text"id="Mobile no"name"Enter Mobile no"
placeholder="Enter Mobile no">
<br><br>
<label for="gender">Your Gender</label>
<input type="radio" name="gender" >Male
<input type="radio" name="gender" >female
<br><br>
<label id="date_of_birth">Date of Birth:-
<select class="first" name="date_of_birth:day" tabindex="7">
<option value="">
</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<select name="date_of_birth:mon" tabindex="8">
<option value="">
<!-- -->
</option>
<option value="1">Jan</option>
<option value="2">Feb</option>
<option value="3">Mar</option>
<option value="4">Apr</option>
<option value="5">May</option>
<option value="6">Jun</option>
<option value="7">Jul</option>
<option value="8">Aug</option>
<option value="9">Sep</option>
<option value="10">Oct</option>
<option value="11">Nov</option>
<option value="12">Dec</option>
</select>
<select name="date_of_birth:year" tabindex="9">
<option value="">
<!-- -->
</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012">2012</option>
<option value="2013">2013</option>
<option value="2014">2014</option>
<option value="2015">2015</option>
<option value="2016">2017</option>

</select>
</label>
<br><br>
<label for="Languages">Languages</label>
<input type="checkbox" name="Languages" >Hindi
<input type="checkbox" name="Languages" >English
<input type="checkbox" name="Languages" >Telugu
<input type="checkbox" name="Languages" >Tamil
<br><br>
<label for="Address">Enter Address</label>
<textarea id="text"name="address"row="3"></textarea>
<br><br>
</form>
</body>
<br>
<Button>SUBMIT</Button>
</center>
<h1>Catagory</h1>
<a href="ese">CSE</a>
<br>
<a href="ece">ECE</a>
<br>
<a href="ece">EEE</a>
<br>
<a href="it">IT</a>
</body>
</html>
Output:-

You might also like