cs202 assignment 1 solution 2022 for the problem of
Suppose you have been hired as a web developer in XYZ university. You have been assigned a task to develop a student registration form. Your web page should be like sample web page as given below.
Solution Instructions:
·
Use basic HTML,
which you have learnt till Lecture 8 to design your web page as sample
page.
·
You also have to use HTML basic tags, HTML Table tags,
HTML Form tags and HTML Form elements like input, label, button etc. to design
sample web page.
·
Create form inside a table tag but borders of table
should not be visible.
·
Background color (bgcolor) should be wheat.
Solution CODE:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport” content="width=device-width, initial-scale=1">
<title> Student Registration Form </title>
</head>
<body>
<div style="background: wheat; ">
<h2> Student Registration Form </h2>
<form>
<table>
<tr> <td> First Name </td> <td> <input type="text” name=""> </td> </tr>
<tr> <td> Last Name </td> <td> <input type="text” name=""> </td> </tr>
<tr> <td> Father Name </td> <td> <input type="text" name=""> </td> </tr>
<tr> <td> Email Id </td> <td> <input type="text” name=""> </td> </tr>
<tr> <td> Date of Birth </td> <td> <input type="text” name=""> </td> </tr>
<tr> <td> Gender </td> <td>
<input type="radio" name="gender"> Male
<input type="radio" name="gender"> FeMale
</td> </tr>
<tr> <td> Address : </td> <td> <input type="text” name=""></td> </tr>
<tr> <td> City : </td> <td> <input type="text” name=""></td> </tr>
<tr> <td> Postal Code : </td> <td> <input type="text” name=""></td> </tr>
<tr> <td> Province : </td> <td> <input type="text" name=""></td> </tr>
<tr> <td> Hobbies : </td> <td>
<input type="checkbox" name="">Drawing
<input type="checkbox" name="">Cooking
<input type="checkbox" name="">Games <br>
<input type="checkbox" name="">Other
<input type="text" name="">
<tr> <td> Higher Qualification : </td> <td>
<input type="checkbox" name=""> Higher School 10th <br>
<input type="checkbox" name=""> Higher School 12th <br>
<input type="checkbox" name=""> Geaduation (Bachelors) <br>
<input type="checkbox" name=""> Post Graduation <br>
<input type="checkbox" name=""> PHD
</td> </tr>
<tr> <td> Course Applied For : </td>
<td>
<input type="radio" name="course"> BA (Bachelor of Arts) <br>
<input type="radio" name="course"> B.SC (Bachelor of Science) <br>
<input type="radio" name="course"> MCS (Master of Compuer Science)<br>
<input type="radio" name="course"> M.com (Master of Commerce) <br>
<input type="radio" name="course"> M.sc (Master of Science)
<tr> <td> </td> <td>
<input type="submit" value="Submit">
<input type="reset" value="Reset">
</td> </tr>
</table>
</td>
</div>
