You are on page 1of 4

WBP CO6I Practical 11

Name: Ashwin Pawar Roll No: 23


Practical: 11

Q1.Write a program to design a form using list box, combo box


CODE:
<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Form with List Box and Combo Box</title>

</head>

<body>

<h2>Form with List Box and Combo Box</h2>

<form method="post" action="process_form.php">

<label for="fruitList">Select a Fruit:</label>

<select id="fruitList" name="fruit">

<option value="apple">Apple</option>

<option value="banana">Banana</option>

<option value="orange">Orange</option>

<option value="grape">Grape</option>

<option value="kiwi">Kiwi</option>

</select>

<br><br>

<label for="carCombo">Select a Car:</label>

<select id="carCombo" name="car">

<option value="volvo">Volvo</option>

Gramin Technical & managemnet campus 1


WBP CO6I Practical 11

<option value="saab">Saab</option>

<option value="mercedes">Mercedes</option>

<option value="audi">Audi</option>

</select>

<input type="text" id="otherCar" name="otherCar" placeholder="Other Car">

<br><br>

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

</form>

</body>

</html>
OUTPUT:

Q2. Write a program to design a form using list box, combo box and
Hidden field box
CODE:
<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

Gramin Technical & managemnet campus 2


WBP CO6I Practical 11

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Form with List Box, Combo Box, and Hidden Field</title>

</head>

<body>

<h2>Form with List Box, Combo Box, and Hidden Field</h2>

<form method="post" action="process_form.php">

<label for="fruitList">Select a Fruit:</label>

<select id="fruitList" name="fruit">

<option value="apple">Apple</option>

<option value="banana">Banana</option>

<option value="orange">Orange</option>

<option value="grape">Grape</option>

<option value="kiwi">Kiwi</option>

</select>

<br><br>

<label for="carCombo">Select a Car:</label>

<select id="carCombo" name="car">

<option value="volvo">Volvo</option>

<option value="saab">Saab</option>

<option value="mercedes">Mercedes</option>

<option value="audi">Audi</option>

</select>

<input type="text" id="otherCar" name="otherCar" placeholder="Other Car">

<br><br>

<input type="hidden" id="userId" name="userId" value="123456">

<!-- Hidden field for user ID -->

Gramin Technical & managemnet campus 3


WBP CO6I Practical 11

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

</form>

</body>

</html>

OUTPUT:

Gramin Technical & managemnet campus 4

You might also like