Wednesday, 25 July 2018

Employee Details using Div Element

<html>
<head>
<style>
.loginform{ 
    padding:10px; 
    border:1px solid pink; 
    border-radius:5px; 
    width:500px;
    margin-top:2px; 
.formheading{ 
    background-color:red; 
    color:white; 
    padding:4px; 
    text-align:left; 
.sub{ 
background-color:red; 
padding: 7px 40px 7px 40px; 
color:white; 
font-weight:bold; 
margin-left:70px; 
border-radius:5px; 
th,td{
padding: 5px;
text-align :left;
}
th{color:green;}
div{
border:1px solid red;
background-color:pink;
}
</style>
</head>
<body>

<div class="loginform">
<h1 class="loginform">
<form action="formtableformat.html" method="post">
<h2 class="formheading"> Emplyee Details Form</h1>
<form method="POST" action="abc.html">
<table style="width:20px;">
<tr >
<th colspan="2"> EMPLOYEE DETAILS </th>
</tr>
<tr>
<th style="color:red">First_Name</th>
<th style="background_color:yellow"><input type="text" name="fname"   placeholder="First Name"></th>
</tr>
<tr>
<th style="color:red">Middle_Name</td>
<th><input type="text" name="fname" placeholder="Middle Name"></th>
</tr>
<tr>
<th style="color:red">Last_Name</th>
<th><input type="text" name="fname" placeholder="Last Name"></th>
</tr>
<tr>
<th style="color:red">address</th>
<th><textarea name rows="3" cols="40"  name="add" placeholder="Address"></textarea></th>
</tr>
<tr>
<th style="color:red">E-mail</th>
<th><input type="email" name="email" autocomplete="on"></th>
</tr>
<tr>
<th style="color:red">Phone_number</th>
<th><input type="number" name="phone" placeholder="Phone number 1"></th>
</tr>
<tr>
<th style="color:red">Phone_number</th>
<th><input type="number" name="phone" placeholder="Phone number 2"></th>
</tr>
<tr>
<th style="color:red">Qualification</th>
<th><select name="Select">
<option value="underGraduate">UnderGraduate</option>
<option value="Graduate">Graduate</option></option>
<option value="PostGraduate">PostGraduate</option>
</select><br>
</th>
</tr>
<tr>
<th style="color:red">Hobbies</th>
<th><input type="checkbox" name="check_list[]" value="Dancing">Dancing<br>
<input type="checkbox" name="check_list[]" value="Singing">Singing<br>
<input type="checkbox" name="check_list[]" value="Swimming">Swimming<br>
<input type="checkbox" name="check_list[]" value="Studying">Studying<br>
<input type="checkbox" name="check_list[]" value="Reading">Reading<br>
</th>
<tr>
<th style="color:red">Salary</th>
<th><input type="number" name="Salary" placeholder="Salary"></th>
</tr>
<tr>
<th style="color:red">Gender</th>
<th><input type="radio" name="gender" value="Male" checked>Male
<input type="radio" name="gender" value="Female">Female <br>
</th>
</tr>
<tr><td colspan="2" style="text-align:center">
<input class="sub" type="submit" value="login"/></td></tr> 
</div>
</table>
</form>
</body>
</html>

Output:

1 comment:

  1. Python is an open-source, high level, interpreted programming language which offers great opportunities for object-oriented programming. Choosing a python training program from Red Prism Group, which is best training institute for python in noida.

    ReplyDelete

Global Infrastructure and its components in AWS

You may operate your workloads wherever and however you choose with the AWS Global Infrastructure, and you'll use the same network, cont...