Scribd
Upload
3 views6 pages

Experiment No 11

Uploaded by

Mahesh Pokharkar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
3 views6 pages

Experiment No 11

Uploaded by

Mahesh Pokharkar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

Web Application development Using PHP Experiment No.

11

EXPERIMENT No. 11
1.0 Title:
Design web page using following form control
a. List b. Combo Box c. Hidden control
2.0 Form control
When we design web page to accept input from the user then we have to use
html form controls.

3.0 New Concepts:


3.1 List
The <select> element defines a drop-down list

<html>

<body>

<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</body>

</html>

The <option> elements defines an option that can be selected.

By default, the first item in the drop-down list is selected.

To define a pre-selected option, add the selected attribute to the


option

Example
<option value="fiat" selected>Fiat</option>

Maharashtra State Board of Technical Education


Web Application development Using PHP Experiment No.11

Use the size attribute to specify the number of visible values:

Example
<select name="cars" size="3">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>

Use the multiple attribute to allow the user to select more than
one value:

Example
<select name="cars" size="4" multiple>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>

3.2 Hidden Control:

 The <input type="hidden"> defines a hidden input field.

 A hidden field let web developers include data that cannot be seen or
modified by users when a form is submitted.

 A hidden field often stores what database record that needs to be updated
when the form is submitted.

<html>

<body>

<h1>A Hidden Field (look in source code)</h1>

<form action="action_page.php">

<label for="fname">First name:</label>

<input type="text" id="fname" name="fname"><br><br>

Maharashtra State Board of Technical Education


Web Application development Using PHP Experiment No.11

<input type="hidden" id="custId" name="custId" value="3487">

<input type="submit" value="Submit">

</form>

<p><strong>Note:</strong> The hidden field is not shown to the user, but the
data is sent when the form is submitted.</p>

</body>

</html>

4.0 Learning Objectives:

Intellectual Skills:
1. To understand the concept of form control
2. To understand the use of TextBox, Checkbox, RadioButton and Button

Motor Skills:
1. Ability to use controls to design web application
2. Ability to retrieve the data from this inputs
5.0 Apparatus:

Srno 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

6.0 Observation:
a. Write a program to use multiple form in single web page
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………

Maharashtra State Board of Technical Education


Web Application development Using PHP Experiment No.11

………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………

b. Write the program to use multiple submit button in single web page
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………

7.0 Student Activity:


Teacher shall form two groups of students.
Each group shall perform only one allotted activity from the following.
Teacher shall supervise.
1. Write a program to perform addition ,subtraction, multiplication and division of
2 numbers. Accept number in two text field
2. Write a program to demonstrate the use of List control
3. Write a program to demonstrate the use of hidden control

Maharashtra State Board of Technical Education


Web Application development Using PHP Experiment No.11

8.0 Result

Solved the problem based on html controls like hidden control, submit
button and list control

(Space for Answers)

(Student shall attach separate sheet if needed)

………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
……………………………………………………………………………………………

………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………

Maharashtra State Board of Technical Education


Web Application development Using PHP Experiment No.11

………………………………………………………………………………………………
………………………………………………………………………………………………
…………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
…………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
…………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………

Marks 15 15 10 5 5 50 Dated
Signature
Obtained

Date: Signature

Maharashtra State Board of Technical Education

You might also like