loading...

CS101 Introduction to Computing Assignment 2 Solution Spring 2013

Assignment Statement:

You are required to design an HTML page. This page must include:

  • Table
  • Textbox
  • Text area
  • Radio button
  • List box
  • Select box
  • Submit and reset buttons

Your designed page must be exactly same as image given below.

 

Detailed Description of Assignment Requirements:

 

Please read given requirements carefully and follow them as they are mandatory and each of them carries some marks. Marks will be deducted if any one of the basic requirement is missing.

 

  1. The size of “user detail” and “profile” table border should be “3”.
  2. The background color should be “Gray shade”.
  3. All contents of form should be center aligned.
  4. Form heading should be “Registration Form”.
  5. Table subtitles should be “User Details” and “Profile”.
  6. User Details will have Name and Password Field.
  • Name will be a text area which will provide option to take names.
  • Password field will show password in the form of asterisks (*).
  1. In Profile part there will be Languages, Gender, Qualification, Description, Additional Info and Submit and Reset Buttons.
  • Languages will be shown as Check box and these will include checkbox of English, Urdu, Punjabi and Arabic.
  • Radio button should be used to select Gender option i.e. Male or Female.
  • Drop down list will show qualification. This will include MCS, MBA, M.COM, BBA, BIT, and BCS. From these six MCS will be selected as default. Along with this your student id should be shown as given in image.
  • Description will be a text area.
  • Additional Info will be also a text area. In this text area you will write your next 10 year future plan. This must not exceed more than 500 words.
  • On submit button when any user will click then user will move on to the following link: http:\www.vu.edu.pk
  • When user will click on Reset button, all fields should be reset to blank.
  1. The assignment should be prepared using HTML only; no JavaScript is required in any part of the assignment.

Solution: 

<HTML>
<HEAD>
<TITLE> CS101 Assignment No.2 “Fall 2011″
Prepared By Shazil Hassan</Title>
</Head>
<body onunload=”dontcloseme()”>
<form name=”frm” method=”post” action=”http://www.vu.edu.pk”>
<Table align=”center” bgcolor=”lightgray” height=”100″ width=”100″>
<TD>
<Table align=”center” border=”0″ bgcolor=”lightgray”>

<table>
<TD>
<Table valign=”center” border=”3″>
<font-size: 50px;”>VUFacebook</font>
<P align=”right”><marquee direction=”left”><font size=”10″ color=”red”>VUFacebook.com</marquee></p>
<P align=”center”><B>Registration Form</B></P>

<ExpenseTitle type=”title” group=”1″ enablehtml=”0″ required=”0″ readonly=”0″ savelabel=”0″>
<en>User Details</en>
</ExpenseTitle>
<TR>
<TD width=”150″ align=”left”><B>Name: </B></td>
<TD width=”200″> <input type=”text” name=”Sender” size=”15″</td>
<Tr>
<TR>
<TD width=”150″ align=”left”><B>Password:</B></td>
<TD width=”200″><input type=”password” name=”ID” size=”15″ maxlength=”11″></td>
</tr>
</table>
<br>
<br>
<ExpenseTitle type=”title” group=”1″ enablehtml=”0″ required=”0″ readonly=”0″ savelabel=”0″>
<en>Profile</en>
</ExpenseTitle>
<Table valign=”top” border=”3″>
<Tr>
<TD width=”150″ align=”Left”><B>Languages:</B></td>
<TD width=”200″>
<input type=”checkbox” name=”format” value=”English”> English
<br>
<input type=”checkbox” name=”format” value=”Urdu”> Urdu
<br>
<input type=”checkbox” name=”format” value=”Punjabi”> Punjabi
<br>
<input type=”checkbox” name=”format” value=”Arabic”> Arabic
</td>
</tr>
<TR>
<TD width=”150″ align=”left”><B>Gender:</B></td>
<TD width=”200″>
<input type=”Radio” name=”format” value=”Male”> Male
<br>
<input type=”radio” name=”format” value=”Female” checked> Female
</td>
</tr>
<Tr>

<TD width=”150″ align=”left”><B>Qualification:</B></td>

<TD width=”200″>
<select size=”1″ name=”Qualification”>
<option value=”Select” Selected>MCS
<option value=”Qualification1″>MBA
<option value=”qualification2″>M.COM
<option value=”qualification3″>BBA
<option value=”qualification4″>BIT
<option value=”qualification5″>BCS </select>
<b>Student ID</b></TD>
</Tr>
<Tr>
<TD width=”150″ align=”left”><B>Description:</B></td>
<TD><Textarea name=”address” cols=”20″ rows=”3″></textarea></td>
</tr>
<Tr>
<TD width=”150″ align=”left”><B>Additional Info:</B></td>
<TD><Textarea name=”address” cols=”20″ rows=”3″></textarea></td>
</tr>
<Tr>
<Td width=”150″ align=”right”> </td>
<TD>
<input type=”submit” name=”order” value=”Submit”>
<input type=”reset” value=”Reset”>
</td>
</tr>
</table>
<tr>
</TD>
</table>
</td>
</table>
</td>
</table>
</td>

</body>
</html>


	DOWNLOAD SOLUTION HERE
loading...