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

apply function in R

1) apply function: It takes 3 arguments matrix,margin and function.. Example: m<-matrix(c(1,2,3,4),nrow=2,ncol=2) m #1 indicates it is ap...