You are on page 1of 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