CS406 Assignment 1 Solution and Discussion

moaaz

Re: CS406 Assignment 1 Solution and Discussion

Assignment No. 01
Semester: Spring 2020
CS406 – Web Based Database Applications Total Marks: 10

Due Date: 05-Jun-2020

Assignment Submission Instructions:

Please read the following instructions carefully before submitting assignment:

It should be clear that your assignment will not get any credit if:

• Assignment is submitted after due date.
• Submitted assignment does not open or file is corrupt.
• Assignment is copied (From internet or from other students).
• You must submit assignment only in .html or htm format, and you must keep all your files in a single folder and zip the folder to upload .zip or .rar file on LMS.

Lectures Covered:

Week 01 to Week 03 Lectures have been covered.

Objectives:
The purpose of this assignment is to make you familiar with following topics:

• HTML tags, Table in HTML, HTML form
Question Marks: 10

You are required to develop an HTML page using Microsoft Notepad named as Student Profile Form. It will contain basic HTML controls and form. The required output is as follows;

Required Output:

Deadline: Your assignment must be uploaded on or before the given due date. We shall not accept your solution through email after the due date.

zaasmi

<html>
<title></title>
<body>
<h1><U>Student Profile Form</U></h1></div>
<form action="form.php" method="POST">
<table>
<tr> 
<td width="50%">Student ID </td>
<td width="50%"><INPUT TYPE = "text" NAME="sID"></td>
</tr>
<tr> 
<td width="50%">Form No </td>
<td width="50%"><INPUT TYPE = "Number" NAME="fNO"></td>
</tr>

<tr> 
<td width="50%">Name</td> 
<td width="50%"><INPUT TYPE = "text" NAME="sName" ></td>
</tr>
<tr>
<td width="50%">Current Semester</td> 
<td width="50%"><INPUT TYPE = "text" NAME="cSem"></td>
</tr>
 
<tr>
<td width="50%">CGPA</td> 
<td width="50%"> <INPUT TYPE = "Number" NAME="sCGPA"></td>
</tr>
<tr>
<td width="50%">Entery Test Qualified</td>
<td width="50%"><input type="radio" name="ETQ"> Yes <input type="radio" name="ETQ"> No</td>
</tr>
<tr>
<td width="50%">Study Program</td>
<td width="50%"><select name="SP" id="SP">
<option value="bs">Please Select</option>
<option value="bs">BSCS</option>
<option value="mc">MCS</option>
<option value="ms">MSCS</option>
  </select>
</td>
</tr>
<tr>
<td width="50%">VU Email</td>
<td width="50%"><INPUT TYPE = "Text" NAME="emAddress"></td>
</tr>

<tr>
<td width="50%">Mobile No</td> 
<td width="50%"> <INPUT TYPE = "Number" NAME="sMob"></td>
</tr>
<tr>
<td width="50%">Address</td>
<td width="50%"><INPUT TYPE = "Text" NAME="sAddress"></td>
</tr>
<table>
<thead>
  <tr>
    <th rowspan="5">Academic Qualifications</th>
    <th>Certificate/Degree Name</th>
    <th>Name of Institute</th>
    <th>Registration Number</th>
    <th>Obtained Marks/CGPA</th>
    <th>Total Marks/CGPA</th>
  </tr>
<tr>
<td width="50%"> <INPUT TYPE = "Number" NAME="sMob"></td>
<td width="50%"> <INPUT TYPE = "Number" NAME="sMob"></td>
<td width="50%"> <INPUT TYPE = "Number" NAME="sMob"></td>
<td width="50%"> <INPUT TYPE = "Number" NAME="sMob"></td>
<td width="50%"> <INPUT TYPE = "Number" NAME="sMob"></td>
</tr>
  <tr>
<td width="50%"> <INPUT TYPE = "Number" NAME="sMob"></td>
<td width="50%"> <INPUT TYPE = "Number" NAME="sMob"></td>
<td width="50%"> <INPUT TYPE = "Number" NAME="sMob"></td>
<td width="50%"> <INPUT TYPE = "Number" NAME="sMob"></td>
<td width="50%"> <INPUT TYPE = "Number" NAME="sMob"></td>
</tr>

  <tr>
<td width="50%"> <INPUT TYPE = "Number" NAME="sMob"></td>
<td width="50%"> <INPUT TYPE = "Number" NAME="sMob"></td>
<td width="50%"> <INPUT TYPE = "Number" NAME="sMob"></td>
<td width="50%"> <INPUT TYPE = "Number" NAME="sMob"></td>
<td width="50%"> <INPUT TYPE = "Number" NAME="sMob"></td>
</tr>

  <tr>
<td width="50%"> <INPUT TYPE = "Number" NAME="sMob"></td>
<td width="50%"> <INPUT TYPE = "Number" NAME="sMob"></td>
<td width="50%"> <INPUT TYPE = "Number" NAME="sMob"></td>
<td width="50%"> <INPUT TYPE = "Number" NAME="sMob"></td>
<td width="50%"> <INPUT TYPE = "Number" NAME="sMob"></td>
</tr>
</thead>
</table>
<tr>
<table>
<tr>
<td align="center"></td>
<td style="text-align:center" width="50%"><INPUT TYPE = "submit" NAME="Submit"></td>
<td align="center"></td>
<td style="text-align:center" width="50%"><INPUT TYPE = "reset" NAME="Reset"></td>
</tr>
</table>
</form>
</body>
</html>

Output