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>
</html>

Comments

Popular posts from this blog

Swayamvar Program In Python

VALDATION IN JAVASCRIPT