dbform

<!DOCTYPE HTML>
<head>
<title>User Input Form</title>
<style type="text/css">
p {color: green;}
body {background-color: skyblue;}
td {color: green; font-family: sans-serif; font-size: 20px; font-style: italic; font-weight: bolder;}
h1 {color: red; font-family: sans-serif; text-align: left;}
</style>
<script type="text/javascript" src="livevalidation_standalone.compressed.js">
</script>
</head>
<body>
<h1>Please Fill Up the Form</h1>
<form action="form.php" enctype="multipart/form-data" method="post">
<table border='1' height='400' width='600'>
<tr>
<td>
<label>First Name:</label>
<input type="text" name="fname" placeholder="Enter Your First Name" id="fname"/><br/>
<script type="text/javascript">
var fname = new LiveValidation( "fname", { validMessage: "Your First Name Is Correct", wait: 500 } );
fname.add( Validate.Presence,{ failureMessage: "Please Enter your First Name Here" } );
</script>
</td>
</tr>
<tr>
<td>
<label>Last Name:</label>
<input type="text" name="lname" placeholder="Enter Your Last Name" id="lname"/><br/>
<script type="text/javascript">
var lname = new LiveValidation( "lname", { validMessage: "Your last Name Is Correct", wait: 500 } );
lname.add( Validate.Presence,{ failureMessage: "Please Enter your Last Name Here" } );
</script>
</td>
</tr>
<tr>
<td>
Gender <input type="radio" name="gr"  value="male"/> Male <input type="radio" name="gr"  value="female"/> Female<br />
</td>
</tr>
<tr>
<td>
Qulification (Mulitiple Selection)
<select name="quli[]" multiple="yes">
 <option>select</option>
 <option>Mca</option>
 <option>Bsc</option>
 <option>Bcom</option>
 <option>M</option>
 </select><br />
</td>
</tr>
<tr>
<td>
<label>Address</label>
<input type="text" name="address" placeholder="Enter Your Address" id="address"/><br/>
<script type="text/javascript">
var address = new LiveValidation( "address", { validMessage: "Your Address Is Correct", wait: 500 } );
address.add( Validate.Presence,{ failureMessage: "Please Enter your Address Here" } );
</script>
</td>
</tr>
<tr>
<td>
<label>City</label>
<input type="text" name="city" placeholder="Enter Your City" id="city"/><br/>
<script type="text/javascript">
var city = new LiveValidation( "city", { validMessage: "Your City is Correct", wait: 500 } );
city.add( Validate.Presence,{ failureMessage: "Please Enter Your City Here" } );
</script>
</td>
</tr>
<tr>
<td>
<label>Country</label>
<input type="text" name="country" placeholder="Enter Your Country" id="country"/><br/>
<script type="text/javascript">
var country = new LiveValidation( "country", { validMessage: "Your Country is Correct", wait: 500 } );
country.add( Validate.Presence,{ failureMessage: "Please Enter Your Country Here" } );
</script>
</td>
</tr>
<tr>
<td>
<label for="file">Filename:</label>
<input type="file" name="file" id="file"><br>
</td>
</tr>
</table>
<input type="submit" name="submit" value="add"/>
</form>
</body>
</html>