WEB PROGRAMMING: Registration Form
ASSIGNMENT NO. 3
CODE:
<!DOCTYPE html>
<html>
<head>
<title> REGISTRATION FORM </title>
<h3><style type="text/css">
div {
margin-bottom: 10px;
}
label {
display: inline-block;
width: 120px;
}
fieldset {
background:#bdb6e2;
}
legend {
padding: : 20px 0;
font-size: 20px;
}
</style>
</head>
<body>
<h2>PERSONAL INFORMATION</h2>
<fieldset>
<form action="/form/submit" method="get">
<label>Full Name:</label>
<input type="text" name="full_name" />
<br/>
<br/>
<label>Username:</label>
<input type="text" name="username_name" />
<br/>
<label>E-Mail:</label>
<input type="email" name="user_email" /> <br/>
Birthday
<input type="date" name="datel" /> Date <br/>
<input type="Password" name="Password" /> Password <br/>
<input type="Confirm Password" name="Password"/> Confirm Password<br/>
</fieldset>
<h3><style type="text/css">
div {
margin-bottom: 10px;
}
label {
display: inline-block;
width: 120px;
}
fieldset {
background:#bdb6e2;
}
legend {
padding: : 20px 0;
font-size: 20px;
}
</style>
</head>
<body>
<h2>GENDER</h2>
<fieldset>
<form action="/form/submit" method="get">
<input type="radio" name="fradio" /> Female <br/>
<input type="checkbox" name="fradio" /> Male <br/>
</fieldset>
<style type="text/css">
div {
margin-bottom: 10px;
}
label {
display: inline-block;
width: 120px;
}
fieldset {
background:#bdb6e2;
}
legend {
padding: : 20px 0;
font-size: 20px;
}
</style>
</head>
<body>
<h2>TALENTS/SKILLS</h2>
<fieldset>
<form action="/form/submit" method="get">
<input type="checkbox" placeholder="" ="fradio" /> Dancing <br/>
<input type="checkbox" placeholder="" ="fradio" /> Singing <br/>
<input type="checkbox" placeholder="" ="fradio" /> Acting <br/>
<input type="checkbox" placeholder="" ="fradio" /> Others <br/>
<form action="/form/submit" method="get">
<label>Indicate:</label>
<input type="text" name="Indicate"/>
</fieldset>
<style type="text/css">
div {
margin-bottom: 10px;
}
label {
display: inline-block;
width: 120px;
}
fieldset {
background:#bdb6e2;
}
legend {
padding: : 20px 0;
font-size: 20px;
}
</style>
</head>
<body>
<h2>Message</h2>
<fieldset>
<label for="course"> Course </label>
:<select name="list" id="list" width=10px >
<option value="MMA">MMA</option>
<option value="BSPSY">BSPSYL</option>
<option value="BEED">BEED</option>
<option value="BSED">BSED</option>
<option value="-">Others</option>
<label>Comment</label>
<textarea name="Comment" rows="3" cols="30" placeholder="Type some text here"></textarea><br/>
<input type="submit" value="SUBMIT"/>
<input type="reset" value="RESET"/>
</fieldset>
</h3>
</form>
</fieldset>
</body>
</html>
OUTCOME:
Comments
Post a Comment