<!DOCTYPE html>
<html>
<head>
<title>Form with CSS</title>
<link rel="stylesheet" type="text/css" href="form.css">
</head>
<body bgcolor="lightyellow">
<h1><center>Customer Profile</center></h1>
<h3>Using CSS </h3>
<form method="POST" action="/~sultans/util/form/formProc.cgi">
<fieldset>
<legend>Enter Information Below</legend>
<input type=text name=fullname id=name placeholder="Enter full name...">
<br>
<textarea name=address id=addr placeholder="Enter address..."></textarea>
<br>
<input type=radio name=gender id=M value='M'><label for=M>Male</label>
<input type=radio name=gender id=F value='F'><label for=F>Female</label>
<br>
<input type=checkbox name=status id=sgl value='S'><label for=sgl>Single</label>
<input type=checkbox name=status id=mrd value='M'><label for=mrd>Married</label>
<input type=checkbox name=status id=chd value='C'><label for=chd>With Children</label>
<br>
<select name=education id=slctSingle>
<option id=none value=''>--Choose from below--</option>
<option id=HS value='HS'>High School</option>
<option id=BS value='BS/BA'>Bachelor of Science/Art</option>
<option id=MS value='MS/MA'>Master of Science/Art</option>
<option id=PHD value='DR/PHD'>Doctor/PhD</option>
</select>
<br>
<select name=hobby id=slctMulti multiple>
<option id=read value='read'>Reading</option>
<option id=tv value='tv'>Television and Movies</option>
<option id=art value='art'>Art and Theatre</option>
<option id=sprt value='sport'>Playing Sports</option>
<option id=trvl value='travel'>Traveling</option>
<option id=shop value='shop'>Shopping</option>
<option id=slp value='sleep'>Relaxing and Sleeping</option>
</select>
<br>
<input type=submit value='Submit'>
<input type=reset value='Clear'>
</fieldset>
</form>
</body>
</html>