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
