<form name="form2" method="post" action="">
<table width="100%">
<tr>
<td width="29%"> </td>
<td width="39%" align="center" class="topic">Registration Form </td>
<td width="32%"> </td>
</tr>
<tr>
<td align="center"><strong>Surname:</strong></td>
<td align="center"><strong>First Name:</strong></td>
<td align="center"><strong>Last name:</strong></td>
</tr>
<tr>
<td align="center"><label for="surname"></label>
<input name="surname" type="text" class="styletxtfield" id="surname"></td>
<td align="center"><input name="fname" type="text" class="styletxtfield" id="fname"></td>
<td align="center"><input name="lname" type="text" class="styletxtfield" id="lname"></td>
</tr>
<tr>
<td align="center"><strong>Email:</strong></td>
<td align="center"><strong>Phone Number:</strong></td>
<td align="center"><strong>Username:</strong></td>
</tr>
<tr>
<td align="center"><input name="email" type="text" class="styletxtfield" id="email"></td>
<td align="center"><input name="tel" type="text" class="styletxtfield" id="tel"></td>
<td align="center"><input name="username" type="text" class="styletxtfield" id="username"></td>
</tr>
<tr>
<td align="center"><strong>Password</strong></td>
<td align="center"><strong>Re-Password</strong></td>
<td align="center"> </td>
</tr>
<tr>
<td align="center"><input name="pass" type="password" class="styletxtfield" id="pass"></td>
<td align="center"><input name="pass1" type="password" class="styletxtfield" id="pass1"></td>
<td align="center"><input name="button2" type="submit" class="ejiro" id="button2" value="Register"></td>
</tr>
</table>
</form>
.ejiro {
display: inline-block;
border-radius: 50px;
background-color:#039;
border: none;
color:#FFF;
text-align: center;
font-size: 28px;
padding: 20px;
width: 250px;
transition: all 0.5s;
cursor: pointer;
margin: 5px;
}
.ejiro:hover {
background-color:#666;
}
.styletxtfield {
border-radius: 7px;
height: 30px;
text-align:center;
width:155px;
background-color:#FFC;
font-size:20px;
border-color:#000;
}
.styletxtfield:focus {
border-color:#F00;
}
.topic{
background:green;
font-size:26px;
color:white;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.