Assignment No. 02
Semester: Spring 2013
Introduction to Computing-CS101

 

Total Marks: 20

 

Due Date: 14-05-2013

Instructions:

Please read the following instructions carefully before submitting assignment:

 

  • You will submit your assignment before or on due date on VU-LMS.
  • Assignment should be completed by your own efforts it should not be copied from internet, handouts or books.
  • You should submit your HTML file via assignment interface at VU-LMS.
  • Assignment sent via Email will not be replied and accepted/graded in any case.
  • If the submitted assignment does not open or file is corrupt, it will not be graded.
  • You will submit solution only in HTML file. Zero will be awarded for any other format and no request will be entertained in this regard.

Objectives:

     To understand the fundamental concepts of :

  • Web Development
  • HTML
    • How to use Submit and reset button.
  • How to use table to control and organize.
  • How to use radio button group in HTML page and how to allow select only one option.
  • How to use select box to choose one or multiple options.
  • How to use list box to choose only one option.

 

For any query about the assignment, contact at cs101@vu.edu.pk

Assignment 

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.

BEST OF LUCK

 

 

 

Tags: -, 02, 14-05-2013, 2013, Assignment, CS101, Computing, Date, Discussion, Due, More…Fall, Introduction, No., Solution, Spring, and, to

Views: 12956

Attachments:

Replies to This Discussion

can anyone tell me how to create a rounded rectangle border of light gray color using only html? like given in the subtitle of the assignment i.e. profile and user details 

<HTML>
<HEAD>
<TITLE>Assignment CS101_2</TITLE>
</HEAD>
<Body>
<ul>
<li><B>Assignment No. 02</li></B>
<li><B>Semester: Spring 2013</li></B>
<li><B>Introduction to Computing-CS101</li></B>
<ul><ul>
<li>Asad Azeem</li>
<li>MC130200467</li>
</ul></ul>
</ul>
<Form valign="Center"
border = “3”></Form>
<H1 valign="Center">Registraction Form</TD></H1>
<Table Border="3">User Detail <br>
<tr>
<td>Name: </td>
<td><input type="text" name="userName" size="49%"></td>
</tr>
<tr>
<td>Password: </td>
<td><input type="password" name="password" size="49%"></td>
</tr>
</Table>
<Table border="3">Profile <br>

<TR> <td valign="Center">Languages:</td>
<TD>
<input type="checkbox" name="remember" value="remember">
English<br>
<input type="checkbox" name="remember" value="remember">
Urdu<br>
<input type="checkbox" name="remember" value="remember">
Punjabi<br>
<input type="checkbox" name="remember" value="remember">
Arabic<br></td>
</TR>
<td valign="Center">Gender:</td><td>
<input type="radio" name="from" value="Male" Checked> Male<br>
<input type="radio" name="from" value="Female"> Female<br></td>
</tr>

<tR>
<td valign="Center">Qualification:</td>
<td>
<select size="1" name="">
<option value="MCS" Selected> MCS
<option value="MBA"> MBA
<option value="M.Com"> M.Com
<option value="BBA"> BBA
<option value="BIT"> BIT
<option value="BCS">BCS
</select> Student ID<BR>
</td>
</tr>
<tr>
<td colspan="2">
<td colspan="2" align="right">
<tr>
<td valign="Center">Description: </td>
<td><TEXTAREA name="message" cols="38"rows="5">
</TEXTAREA></td>
</tr><tr>
<td valign="Center">Additional Info : </td>
<td><TEXTAREA name="message" cols="38"rows="5">
</TEXTAREA></td>
</tr><tr>
<TR> <td valign="Center">>>>>>>>>>></td>
<TD>
<input type="submit" name="Submit" value="Submit">
<input type="submit" name="Submit" value="Reset"></TD>
</TR>
</tr>

</tr></table>
</form>
</Table>
</Table>
</Body>
</HTML>

Wish You Best Of Luck....

Dear Students is mein KHuch Kami hai jo Mujy Fill hal Samj neh aa Rahi k us ko kasy Manage kerna hai Khair Mein Mazid Study ker Raha hon......k Bilkol Sahi Ban jay.....Just Pray for me...

Regard: Asad Azeem (MC130200467)

well thanks azeem i have checked the reset button did not worked i changed the script and addef the form opening at the start and at the end and the reset button worked secondly the submit button did not redirect to vu.edu.pk i cannot meke it happen :)

TML>
<HEAD>
<TITLE>Assignment CS101_2</TITLE>
</HEAD>

<Body>

<ul>
<li><B>Assignment No. 02</li></B>
<li><B>Semester: Spring 2013</li></B>
<li><B>Introduction to Computing-CS101</li></B>
<ul><ul>
<li>Anees Ur Rehman</li>
<li>BC130200912</li>
</ul></ul>
</ul>

<Form valign="Center"
border = “3”></Form>

<form name="registration" method="post" action="loginScript">
<H1 valign="Center">Registraction Form</TD></H1>
<Table Border="3">User Detail <br>
<tr>
<td>Name: </td>
<td><input type="text" name="userName" size="49%"></td>
</tr>
<tr>
<td>Password: </td>
<td><input type="password" name="password" size="49%"></td>
</tr>
</Table>
<Table border="3">Profile <br>

<TR> <td valign="Center">Languages:</td>
<TD>
<input type="checkbox" name="remember" value="remember">
English<br>
<input type="checkbox" name="remember" value="remember">
Urdu<br>
<input type="checkbox" name="remember" value="remember">
Punjabi<br>
<input type="checkbox" name="remember" value="remember">
Arabic<br></td>
</TR>
<td valign="Center">Gender:</td><td>
<input type="radio" name="from" value="Male" Checked> Male<br>
<input type="radio" name="from" value="Female"> Female<br></td>
</tr>

<tR>
<td valign="Center">Qualification:</td>
<td>
<select size="1" name="">
<option value="MCS" Selected> MCS
<option value="MBA"> MBA
<option value="M.Com"> M.Com
<option value="BBA"> BBA
<option value="BIT"> BIT
<option value="BCS">BCS
</select> Student ID<BR>
</td>
</tr>
<tr>
<td colspan="2">
<td colspan="2" align="right">
<tr>
<td valign="Center">Description: </td>
<td><TEXTAREA name="message" cols="38"rows="5">
</TEXTAREA></td>
</tr><tr>
<td valign="Center">Additional Info : </td>
<td><TEXTAREA name="message" cols="38"rows="5">
</TEXTAREA></td>
</tr><tr>
<TR> <td valign="Center">>>>>>>>>>></td>
<TD>
<input type="submit" name="Submit" value="Submit">
<input name="Reset" type="reset" value="Reset" /></td>
</TR>
</tr>

</tr></table>

</form>
</form>
</Table>
</Table>
<H1>Anees Ur Rehman</H1>
</Body>
</HTML>

And this is my working's so far from yesterday's work :) alot of things to add in it 

<html>
<head>
<title>Anees Ur Rehman BC130200912</title>
</head>
<body bgcolor=#DAD7D3 STYLE="background-color: #DAD7D3;">
<h1 align="center">Registration form</h1>


<form name="registration" method="post" action="loginScript">
<table align="center" border="3" cellpadding="1" cellspacing="1" style="width: 500px; height: 65px">
<caption>
<p style="text-align: justify">User details</p>
</caption>
<tbody>
<tr>
<td style="text-align: justify">Name:&nbsp;&nbsp;&nbsp;</td>
<td style="text-align: justify"><input maxlength="20" name="name" size="371" style="width: 197px; height: 22px" type="text" /></td>
</tr>
<tr>
<td style="text-align: justify">Password</td>
<td style="text-align: justify"><input maxlength="16" name="pasword" size="26" style="width: 197px; height: 22px" type="password" /></td>
</tr>
</tbody>
</table>

<p>&nbsp;</p>

<table align="center" border="3" cellpadding="1" cellspacing="1" style="width: 500px">
<caption>
<p style="text-align: left">Profile</p>
</caption>
<tbody>
<tr>
<td>Languages:</td>
<td>
<p><input name="English" type="checkbox" />English</p>

<p><input name="English" type="checkbox" />Urdu</p>

<p><input name="English" type="checkbox" />Punjabi</p>

<p><input name="English" type="checkbox" />Arabic</p>

</tr>
<tr>
<td>Gender:</td>
<td>
<p><input name="Male" type="radio" />male</p>

<p><input name="Male" type="radio" />Female</p>
</td>
</tr>
<tr>
<td>Qualification</td>
<td><select name="Qualification" size="5"><option value="">MCS</option><option value="">MBA</option><option value="">M.COM</option><option value="">BBA</option><option selected="selected" value="">BIT</option></select></td>
</tr>
<tr>
<td>Description:&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td><textarea cols="28" name="Description" rows="3" style="width: 266px; height: 75px"></textarea></td>
</tr>
<tr>
<td>Additional info</td>
<td><textarea cols="28" name="Description" rows="3" style="width: 266px; height: 75px">&nbsp;</textarea></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><input name="http://www.vu.edu.pk" type="submit" value="Submit" />
<input name="Reset" type="reset" value="Reset" /></td>
</tr>
</tbody>
</table>

</form>
</body>
</html>

ok now i have found the solution for the submit button here

 <a href="http://www.vu.edu.pk"> <input type="Button" name="Submit" value="Submit"> </a>

bro yar ye line kaha add kre gy submit button wali line???

dear add this line after the additional info text box at end

Allah ka wasta h koe btao do mje ye k registration form ko fill kr k assignment submit krne h ya ase i kr dn r agr krna h tu kkese krna h

friends

in form what is get method and what is post method. any one can expkan it

anees bhai ye password me stars kese aen ge

RSS

SPONSORED LINKS

Like Us on Facebook

SPONSORED LINKS

Badge

Loading…

© 2014   Created by Irfan Khan*^Mscs*Admin^*.   Powered by

Badges  |  Report an Issue  |  Terms of Service