REGISTRATION SAMPLE IN HTML
<!DOCTYPE html>
<html>
<head>
<title>REGISTRATION FORM</title>
<style>
div {margin-bottom: 10px;
}
label {dispaly: inline-block;
width: 120px;
}
fieldset {background:#ADD8E6;
}
legend {padding:20px;
font-size:20px;
}
</style>
</head>
<body>
<form action="/from/submit" method="GET or POST">
<fieldset>
<legend><b><i>REGISTRATION FORM</i></b></legend>
<div>
<label for ="fname">NAME:</label><br/><br/>
<input type="text" name="NAME:" id="fname" value=""required/><br/><br/>
</div>
<div>
<label for="Address">ADDRESS:</label><br/><br/>
<input type="type" name="ADDRESS:" id="Address" value=""required/><br/><br/>
<div/>
<div>
<label for ="contactnum">CONTACT:</label><br/><br/>
<input type="number" name="CONTACT:" id="contactnum" value="" required/><br/><br/>
</div>
</fieldset>
<fieldset>
<legend><b>EDUCATION BACKGROUND</b></legend>
<div>
<label for="Course">COURSE:</label><br/><br/>
<select name="Choose" id="Choose" width=15px>
<option value="MMA">MUTLIMEDIA-ARTS</option>
<option value="CRIM">CRIMINOLOGY</option>
<option value="RAD">RADTECH</option>
<option value="NURSE">NURSING</option>
<option value="FINE">FINE-ARTS</option>
<option value="CULINARY">CULINARY-ARTS</option>
</select><br/><br/>
<label for="Years">YEAR:</label><br/><br/>
<input type="year" name="YEAR:" id="Years" value="Yr."/><br/><br/>
<textarea name="comments" rows="4" cols="40" placeholder="write your comment here"></textarea><br/><br/>
</div>
</fieldset>
<fieldset>
<legend><b>ADDITIONAL INFO</b></legend>
<div>
<label>GENDER:</label><br/><br/>
<input type="radio" placeholder="Male" name="GENDER:" required/>Male<br/><br/>
<input type="radio" placeholder="Female" name="GENDER:" required />Female<br/><br/>
</div>
<div>
<label for="email">EMAIL:</label>
<input type="email" name="EMAIL:" id="email" value=""required/><br/><br/>
<label for="bday">BIRTHDAY:</label>
<input type="date" name="BIRTHDAY:" id="bday" Value""?> <br/><br/>
<label for="colors">FAVORITE COLOR:</label>
<input type="color" name="FAVORITE COLOR:" id="colors" value=""/><br/><br/>
<input type="submit" value="submit"><br/><br/>
</div>
</fieldset>
</form>
</body>
</html>
Comments
Post a Comment