Вы находитесь на странице: 1из 13

Welcome to Practical class

Subject: ICT

Subject code: 275


Conducted by

Rashedul Islam
Lecturer in Computer Science
Rajuk Uttara Model College
Lab Work # 06 Date of Lab work: / /2014

Date of submission: / /2014

Name of the lab work: To develop a web page to design a data


entry form.

Theory:
For entering data through web page <form> tag is used.
Data can be entered through text box, radio button, combo
box, options etc.
Uses of the instruments:

• Hardware : A computer
• Software : Operating system-Windows 7
Application software-Notepad
Web browser- Internet Explorer,
Mozilla firefox, google chrome etc.
Use :

Following procedure have to followed to perform


the above experiment in terms of using the
instruments:
1. Before starting the task, we have to check electric
connection of the computer.

2. Turn on the power switch of the computer to start it.


3. We have to check whether the above mentioned
software are installed in the computer or not.

4. To run necessary program to perform the mentioned


experiment.

5. After performing the experiment, we have to close all


the programs and shutdown the computer in proper way.
Follow up process:
• Following procedure have to be followed to perform the
experiment.
 Click Start
 Click All Programs
 Click Accessories>Notepad
 Type following program in the notepad
HTML code Code for this lab work
<html>
<head><title>Form Design </title></head>
<body>
<h1>INPUT FORM</h1>
<form>
First Name:<input type="text" name="firstname">
Last Name:<input type="text" name="lastname"><br><br>
User Name:<input type="text" name="username">
Password:<input type="password" name="password"><br><br>
Gender:<input type="radio" name="gender" value="male">Male
<input type="radio" name="gender"value="female">Female<br><br>
Religion:<input type="radio" name="religion" value="Islam">Islam
<input type="radio" name="religion" value="hindu">Hindu
<input type="radio" name="religion" value="others">Others<br><br>
Select Subject:
<input type="checkbox" name="subject" value="bangla">Bangla
<input type="checkbox" name="subject" value="english">English
<input type="checkbox" name="subject" value="ict">ICT
<input type="checkbox" name="subject" value="physics">Physics
<input type="checkbox" name="subject"
value="chemistry">Chemistry
<input type="checkbox" name="subject" value="biology">Biology
<input type="checkbox" name="subject" value="math">Math
<input type="checkbox" name="subject"
value="accounting">Accounting
<input type="checkbox" name="subject"
value="management">Management
<br><br>
Select Group:
<select name="group">
• <option>Science</option>
• <option>Business Studies</option>
• <option>Humanities</option><br><br>
• <input type="button" value="submit">
• </form>
• </body>
• </html>
To save the file

Click on file menu


Click on Save submenu
Type LabWork6.htm in the file name box
Click on save button

Explanation:
Tags Description
<form> To create form for user input
<input> To create any type of input field.
<type> To fixed up data type of input field
<name> To fixed up name of inputted data
<value> To fixed up value of the inputted data
<select> To create drop down box.
<option> To fixed up entry in the drop down box
Tags Description
text To create text box
radio To create radio button.
Checkbox To create checkbox
password To enter data as password
submit To create command button to submit data
Result: After double click onLabWork6.htm file
following web page will be displayed.
Let’s have a practice……

Вам также может понравиться