0% found this document useful (0 votes)
2 views

Lab Manual Week 12

The document outlines Lab 12 for the Application of ICT course at Riphah International University, focusing on creating forms using HTML code. It provides a list of HTML tags and their descriptions, along with a sample code for creating an Internet Mail Account form. Additionally, it includes lab tasks that require students to replicate and create forms using the specified HTML tags.

Uploaded by

greeninsaf
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
2 views

Lab Manual Week 12

The document outlines Lab 12 for the Application of ICT course at Riphah International University, focusing on creating forms using HTML code. It provides a list of HTML tags and their descriptions, along with a sample code for creating an Internet Mail Account form. Additionally, it includes lab tasks that require students to replicate and create forms using the specified HTML tags.

Uploaded by

greeninsaf
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

Riphah International University

I-14 Main Campus


Faculty of Computing

Class: Fall-2024 Subject: Application of ICT


Course Code: SS-1423 Lab Instructor: Mr. Awais Nawaz

-------------------- LAB 12--------------------


Learning Objective:
1. Forms in HTML Code and Result
2. Lab Tasks

syntax:
<form>
input elements
</form>
Tags Description
<form> Defines a from for user input
<input> Used to create an input field’s
<text> Create a single line text entry field
<textarea> Text-area for (multi line text input control)
<password> Creates a single line text entry field. And the
characters entered are shown as asterisks (*)
<label> Defines a label to a control
<option> Creates a Radio Button.
<select> Defines a selectable list (a drop-down box)
<button> Defines a push button
<value> Attribute of the option element.
<checkbox> select or unselect a checkbox
<dropdown box> A drop-down box is a selectable list

Code with Result:


<html><body>
<form>
<h1>Create a Internet Mail Account</h1>
<p>First Name <input type="text" name="T1" size="30"></p>
<p>Last Name <input type="text" name="T2" size="30"></p>
<p>Desired Login Name <input type="text" name="T3" size="20"> @mail.com</p>
<p>Password <input type="password" name="T4" size="20"></p>
<input type="radio" checked="checked" name="sex" value="male" /> Male
</br>
<input type="radio" name="sex" value="female" /> Female
<p>Birthday <input type="text" name="T6" size="05">
<select size="1" name="D2">
<option>Select One-</option>
<option>January</option>
<option>February</option>
<option>March</option> </select>
<input type="text" name="T7" size="10"></p>
TypeYourself<textarea rows="4" name="S1" cols="20"></textarea>
<br>
<input type="submit" value="Accept" name="B1">
<input type="reset“value="Cancel" name="B2">
</br>
</form>
</body></html>
Lab Task:
1. Create the replica of the following form in HTML.
2. Create the replica of the following form in HTML.

3. Create following form in HTML


4. Create given below form using HTML Tags

You might also like