Scribd
Upload
63 views

Samarth Polytechnic, Belhe: Department of Computer Engineering

This document describes a web development experiment to design a web page using form controls like text boxes, radio buttons, check boxes, and buttons. It provides the theoretical background on each form control and includes examples of the HTML code needed to implement each one. The goal of the experiment is to learn how to design a web page using different form controls and apply programming knowledge to solve problems related to the computer field. Students are instructed to create a web page integrating all the discussed form controls.

Uploaded by

Shekhar Jadhav
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
63 views

Samarth Polytechnic, Belhe: Department of Computer Engineering

This document describes a web development experiment to design a web page using form controls like text boxes, radio buttons, check boxes, and buttons. It provides the theoretical background on each form control and includes examples of the HTML code needed to implement each one. The goal of the experiment is to learn how to design a web page using different form controls and apply programming knowledge to solve problems related to the computer field. Students are instructed to create a web page integrating all the discussed form controls.

Uploaded by

Shekhar Jadhav
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

Samarth Polytechnic,Belhe

DEPARTMENT OF COMPUTER ENGINEERING

Subject: Web Based application development using PHP. Subject code: 22619

Semester: 6th Course: Computer Engineering


Name of Subject Teacher: Prof. Kshirsagar. S. B Laboratory No:L001B
Name of Student: Atkar Hitesh Shantaram Enrollment no: 1909920001
Date of Performance : / / 2022 Date of Submission: / / 2022

Experiment No: 10

Title of Experiment: Design a web page using following form


controls: a.Text box, b. Radio button, c. Check
box, d. Buttons

Theory:
1.0 Title:
Design a web page using following form controls: a.Text box, b. Radio button, c. Check box, d. Buttons

2.0 Practical Significance:

In this practical we will learn how to design a web page using different controls.

3.0 Relevant Program Outcomes (POs)

 Basic Knowledge: Apply knowledge of basic mathematics, sciences and basic engineering to solve the
computer group related problem.
 Discipline Knowledge: Apply computer programming knowledge to solve the computer group related
problems.
 Experiments and practices: Plan to perform experiments and practices to use the result to solve the
computer group related problems.
 Engineering tools: Apply relevant Computer programming technologies and tools with an understanding
of the limitations.
 Individual and Teamwork: Function effectively as a leader and the team member in
diverse/multidisciplinary teams.
 Communication: Communicate effectively in oral and written form.

4.0 Apparatus:

Sr.No. Equipment Name with broad specification Practical


1 Hardware : any computer system (preferably i3 or i5) All
2 Operating System: Windows/Linux All
3 Any Database tool such as MYSQL,MariaDB 15,16

5.0 Minimum Theoretical Background:-

a) Textbox:
A text input field allows a user to enter a single line of text.
Example: For welcome.html file and it has a text field and submit button.
<html>
<body>
<form action=”welcome.php” method=”get”>
<input type=”text” name=”user”/>
<input type=”submit” value=”Submit” />
</form>
</body>
</html>

b) Radio button:
Radio buttons let a user select only one of a limited number of choices:
Example:
<input type="radio" id="male" name="gender" value="male">
<label for="male">Male</label><br>
<input type="radio" id="female" name="gender" value="female">
<label for="female">Female</label><br>
<input type="radio" id="other" name="gender" value="other">
<label for="other">Other</label>

c) Check box:
<input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
<label for="vehicle1"> I have a bike</label><br>
<input type="checkbox" id="vehicle2" name="vehicle2" value="Car">
<label for="vehicle2"> I have a car</label><br>
<input type="checkbox" id="vehicle3" name="vehicle3" value="Boat">
<label for="vehicle3"> I have a boat</label><br>

d) Buttons :
<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<body>
<div class="w3-container">
<h2>Buttons (w3-button)</h2>
<input type="button" class="w3-button w3-black" value="Input Button">
<button class="w3-button w3-black">Button Button</button>
<a href="#" class="w3-button w3-black">Link Button</a>
</div>
</body>
</html>

6.0 Program:-
<html>
<body>
<form action=”welcome.php” method=”get”>
<input type=”text” name=”user”/>
<input type="submit">
</form>
</body>
</html>
<input type="radio" id="male" name="gender" value="male">
<label for="male">Male</label><br>
<input type="radio" id="female" name="gender" value="female">
<label for="female">Female</label><br>
<input type="radio" id="other" name="gender" value="other">
<label for="other">Other</label><br>
<input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
<label for="vehicle1"> I have a bike</label><br>
<input type="checkbox" id="vehicle2" name="vehicle2" value="Car">
<label for="vehicle2"> I have a car</label><br>
<input type="checkbox" id="vehicle3" name="vehicle3" value="Boat">
<label for="vehicle3"> I have a boat</label><br>
</div>
</body>
</html>
Output-

Process Product Total Dated Sign Of


Related Related (25 M) Teacher
Grade and (15M) (10M)
Dated Signature of
Teacher

You might also like