Registration Form using HTML
<html>
<body bgcolor="wheat">
<marquee bgcolor="red" width="100%" height="80px"><font size="15">THE ELITE</font></marquee>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
allign:right
}
.topnav {
overflow: hidden;
background-color:#FF0000;
}
.topnav a {
float: right;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 15px;
}
.topnav a:hover {
background-color: #ddd;
color: black;
}
.topnav a.active {
background-color: #4CAF50;
color: white;
}
</style>
</head>
<body>
<div class="topnav" >
<b>TEAM MEMBERS:</b><select name="team members" id="team members"><option>members</option>
<option>TEJANTH</option><option>BINDU</option><option>khyathi</option><option>SHANMUKHI</option><option>GOURI</option><option>SATYA</option></select>
<b>MOBILE NUMBERS:</b><select name="mobile numbers" id="mobile numbers"><option>numbers</option>
<option>6281104020</option><option>9951891747</option><option>6305511639</option><option>8978298587</option><option>8500424247</option><option>6304375298</option></select>
<b>EMAIL ID:</b><select name="mail id" id="mail id"><option>mail id</option><option>atyam.tejanth@gmail.com</option><option>bindubasa111@gmail.com</option><option>khyathiadapa28@gmail.com</option><option>shanmukhi.d2001@gmail.com</option><option>gouridevi10@gmail.com</option><option>p.nagasatyasai.pnss@gmail.com</option></select>
</div>
</body>
</html>
<marquee direction="right">
<img src="C:\Users\TEJANTH\Desktop\tejanth.jpg">
</marquee>
</body>
<body bgcolor="wheat">
</body>
<body><b>My First Webpage</b></body><br></br>
<a href ="http://google.com" title="gotogoogle">
google</a><br></br>
<head>
<title>registration form</title>
</head>
<h2 ALIGN="CENTER"><u>Registration form</u></h2>
<form action="Welcome.html" method="post">
<table border="0" align="center">
<head>
<style>
input[type=text] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
border: none;
background-color: #3CBC8D;
color: white;
}
</style>
</head>
<tbody>
<tr>
<td><label for="id"><b>Id:</b> </label></td>
<td><input id="id" maxlength="50" name="name" type="text" /></td>
</tr>
<tr>
<td><label for="name"><b>Name: </b> </label></td>
<td><input id="name" maxlength="50" name="name" type="text" /></td>
</tr>
<tr>
<td><label for="course"><b> Course: </b> </label></td>
<td><input id="course" maxlength="50" name="course" type="text" /></td>
</tr>
<tr>
<td><label for="branch"><b> Branch:</b> </label></td>
<td><input id="branch" maxlength="50" name="branch" type="text" /></td>
</tr>
<tr>
<td><label for="mobile number"><b>mobilenumber: </b> </label></td>
<td><input id="mobilenumber" maxlength="50" name="mobilenumber" type="text" /></td>
</tr>
<tr>
<td><label for="email"><b> Email_Address:</b> </label></td>
<td><input id="email" maxlength="50" name="email" type="text" /></td>
</tr>
<tr>
<td><label for="password"><b> Password:</b> </label></td>
<td><input id="password" maxlength="50" name="password"
type="password"</td><br></br><br></br>
</tr>
<tr>
<td><p><b>Please select your gender:</b></p>
<input type="radio" id="male" name="gender" value="male">
<label for="male">Male</label><br>
<input type="radio" id="female" name="gender" value="female">
<label for="female">Female</label><br></td>
</tr>
<tr>
<td align="right"><input name="Submit" type="Submit" value="Add" /></td>
</tr>
</tbody>
<body bgcolor="wheat">
<marquee bgcolor="red" width="100%" height="80px"><font size="15">THE ELITE</font></marquee>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
allign:right
}
.topnav {
overflow: hidden;
background-color:#FF0000;
}
.topnav a {
float: right;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 15px;
}
.topnav a:hover {
background-color: #ddd;
color: black;
}
.topnav a.active {
background-color: #4CAF50;
color: white;
}
</style>
</head>
<body>
<div class="topnav" >
<b>TEAM MEMBERS:</b><select name="team members" id="team members"><option>members</option>
<option>TEJANTH</option><option>BINDU</option><option>khyathi</option><option>SHANMUKHI</option><option>GOURI</option><option>SATYA</option></select>
<b>MOBILE NUMBERS:</b><select name="mobile numbers" id="mobile numbers"><option>numbers</option>
<option>6281104020</option><option>9951891747</option><option>6305511639</option><option>8978298587</option><option>8500424247</option><option>6304375298</option></select>
<b>EMAIL ID:</b><select name="mail id" id="mail id"><option>mail id</option><option>atyam.tejanth@gmail.com</option><option>bindubasa111@gmail.com</option><option>khyathiadapa28@gmail.com</option><option>shanmukhi.d2001@gmail.com</option><option>gouridevi10@gmail.com</option><option>p.nagasatyasai.pnss@gmail.com</option></select>
</div>
</body>
</html>
<marquee direction="right">
<img src="C:\Users\TEJANTH\Desktop\tejanth.jpg">
</marquee>
</body>
<body bgcolor="wheat">
</body>
<body><b>My First Webpage</b></body><br></br>
<a href ="http://google.com" title="gotogoogle">
google</a><br></br>
<head>
<title>registration form</title>
</head>
<h2 ALIGN="CENTER"><u>Registration form</u></h2>
<form action="Welcome.html" method="post">
<table border="0" align="center">
<head>
<style>
input[type=text] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
border: none;
background-color: #3CBC8D;
color: white;
}
</style>
</head>
<tbody>
<tr>
<td><label for="id"><b>Id:</b> </label></td>
<td><input id="id" maxlength="50" name="name" type="text" /></td>
</tr>
<tr>
<td><label for="name"><b>Name: </b> </label></td>
<td><input id="name" maxlength="50" name="name" type="text" /></td>
</tr>
<tr>
<td><label for="course"><b> Course: </b> </label></td>
<td><input id="course" maxlength="50" name="course" type="text" /></td>
</tr>
<tr>
<td><label for="branch"><b> Branch:</b> </label></td>
<td><input id="branch" maxlength="50" name="branch" type="text" /></td>
</tr>
<tr>
<td><label for="mobile number"><b>mobilenumber: </b> </label></td>
<td><input id="mobilenumber" maxlength="50" name="mobilenumber" type="text" /></td>
</tr>
<tr>
<td><label for="email"><b> Email_Address:</b> </label></td>
<td><input id="email" maxlength="50" name="email" type="text" /></td>
</tr>
<tr>
<td><label for="password"><b> Password:</b> </label></td>
<td><input id="password" maxlength="50" name="password"
type="password"</td><br></br><br></br>
</tr>
<tr>
<td><p><b>Please select your gender:</b></p>
<input type="radio" id="male" name="gender" value="male">
<label for="male">Male</label><br>
<input type="radio" id="female" name="gender" value="female">
<label for="female">Female</label><br></td>
</tr>
<tr>
<td align="right"><input name="Submit" type="Submit" value="Add" /></td>
</tr>
</tbody>
</html>
Comments
Post a Comment