<html>
<head>
<title>Form design</title>
</head>
<body bgcolor="#00ffaa" text="red">
<h1 align="center"><i>Demo Form</i></h1>
<form action="table.html" method="post">
<table align="center" border="5px" bordercolor="#ffaadd" cellspacing="10px" cellpadding="12px" width="70%">
<tr>
<th colspan="2">FirstName:</th>
<td colspan="2"><input type="text" name="t1" placeholder="firstName"></td></tr>
<tr>
<th colspan="2">LastName:</th>
<td colspan="2"><input type="text" name="t2" placeholder="LastName"></td>
</tr>
<tr>
<th colspan="2">Email:</th>
<td colspan="2"><input type="email" name="t3" placeholder="EmailId"></td></tr>
<tr>
<th colspan="2">Password:</th>
<td colspan="2"><input type="password" name="t4" placeholder="password"></td></tr>
<tr>
<th>Language Known:</th>
<th><input type="checkbox" name="cb1" value="Hindi" checked>:Hindi</th>
<th><input type="checkbox" name="cb2" value="English">:English</th>
<th><input type="checkbox" name="cb3" value="Urdu">:Urdu</th></tr>
<tr>
<th>Select Your Gender:</th>
<th><input type="radio" name="r" value="Male" checked>:Male</th>
<th><input type="radio" name="r" value="Female">:Female</th>
<th><input type="radio" name="r" value="Other">:Other</th></tr>
<tr>
<th colspan="2">Select Your State:</th>
<td colspan="2"><select>
<option value="selected">Select</option>
<option value="uttarpradesh">uttarpradesh</option>
<option value="Maharastra">Maharashtra</option>
<option value="Andhrapradesh">Andhrapradesh</option>
<option value="uttarpradesh">uttarpradesh</option>
<option value="Madhyapradesh">Madhyapradesh</option>
<option value="Kerala">Kerala</option>
</select></td></tr>
<tr>
<th colspan="2">Which Social Site you mostly use:</th>
<td colspan="2"><datalist id="k">
<option value="Facebook"></option>
<option value="Whatsapp"></option>
<option value="Twitter"></option>
<option value="Instagram"></option>
<option value="Orkut"></option>
<option value="Messanger"></option>
</datalist>
<input list="k"></td></tr>
<tr>
<td colspan="4" align="center"><input type="submit" value="submit"></td></tr>
</table>
</form>
</body>
</html>
<head>
<title>Form design</title>
</head>
<body bgcolor="#00ffaa" text="red">
<h1 align="center"><i>Demo Form</i></h1>
<form action="table.html" method="post">
<table align="center" border="5px" bordercolor="#ffaadd" cellspacing="10px" cellpadding="12px" width="70%">
<tr>
<th colspan="2">FirstName:</th>
<td colspan="2"><input type="text" name="t1" placeholder="firstName"></td></tr>
<tr>
<th colspan="2">LastName:</th>
<td colspan="2"><input type="text" name="t2" placeholder="LastName"></td>
</tr>
<tr>
<th colspan="2">Email:</th>
<td colspan="2"><input type="email" name="t3" placeholder="EmailId"></td></tr>
<tr>
<th colspan="2">Password:</th>
<td colspan="2"><input type="password" name="t4" placeholder="password"></td></tr>
<tr>
<th>Language Known:</th>
<th><input type="checkbox" name="cb1" value="Hindi" checked>:Hindi</th>
<th><input type="checkbox" name="cb2" value="English">:English</th>
<th><input type="checkbox" name="cb3" value="Urdu">:Urdu</th></tr>
<tr>
<th>Select Your Gender:</th>
<th><input type="radio" name="r" value="Male" checked>:Male</th>
<th><input type="radio" name="r" value="Female">:Female</th>
<th><input type="radio" name="r" value="Other">:Other</th></tr>
<tr>
<th colspan="2">Select Your State:</th>
<td colspan="2"><select>
<option value="selected">Select</option>
<option value="uttarpradesh">uttarpradesh</option>
<option value="Maharastra">Maharashtra</option>
<option value="Andhrapradesh">Andhrapradesh</option>
<option value="uttarpradesh">uttarpradesh</option>
<option value="Madhyapradesh">Madhyapradesh</option>
<option value="Kerala">Kerala</option>
</select></td></tr>
<tr>
<th colspan="2">Which Social Site you mostly use:</th>
<td colspan="2"><datalist id="k">
<option value="Facebook"></option>
<option value="Whatsapp"></option>
<option value="Twitter"></option>
<option value="Instagram"></option>
<option value="Orkut"></option>
<option value="Messanger"></option>
</datalist>
<input list="k"></td></tr>
<tr>
<td colspan="4" align="center"><input type="submit" value="submit"></td></tr>
</table>
</form>
</body>
</html>
