0% found this document useful (0 votes)
426 views

1.write A Program To Design A Form For Placing Pizza Order

The document contains code for 3 HTML forms - a pizza order form, a college registration form, and a form to collect username and Aadhar number. The pizza order form allows selecting pizza size, sauce, toppings and includes fields for customer details. The registration form is for college admission and collects student details like name, course, gender, address and login credentials. The third form has fields for username and 12 digit Aadhar number and displays a thank you message on form submission.

Uploaded by

sakshi
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
426 views

1.write A Program To Design A Form For Placing Pizza Order

The document contains code for 3 HTML forms - a pizza order form, a college registration form, and a form to collect username and Aadhar number. The pizza order form allows selecting pizza size, sauce, toppings and includes fields for customer details. The registration form is for college admission and collects student details like name, course, gender, address and login credentials. The third form has fields for username and 12 digit Aadhar number and displays a thank you message on form submission.

Uploaded by

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

Practical 6

/* 1.Write a program to design a form for placing pizza order*/

<html>
<body>
<h1 style="color:slateblue;">Pizza Order Form </h1>
<form>

<label><b>Select Pizza Size</b></label>


<p><label> <input type="radio" name="size"
value="small"> Small </label></p>
<p><label> <input type="radio" name="size"
value="medium"> Medium </label></p>
<p><label> <input type="radio" name="size"
value="large"> Large </label></p>
<p><label> <input type="radio" name="size"
value="Extra Large"> Extra Large </label></p>

<label><b>Sauces</b></label><br>
<input type="radio" name="sauce" value="1">Pizza Sauce
<input type="radio" name="sauce" value="2">BBQ Sauce
<input type="radio" name="sauce" value="3">Garlic
Sauce<br><br>

<label><b>Choose Toppings - Rs.20 Each</b></label><br>


<input type="checkbox" name="topping" value="1" />
Anchovies<br>
<input type="checkbox" name="topping" value="2" />
Bacon<br>
<input type="checkbox" name="topping" value="3" />
Ham<br>
<input type="checkbox" name="topping" value="4" />
Pepperoni<br>
<input type="checkbox" name="topping" value="5" />
Salami<br>
<input type="checkbox" name="topping" value="6" />
Sausage<br>
<input type="checkbox" name="topping" value="7" />
Broccoli<br>
<input type="checkbox" name="topping" value="8" />
Green Olives<br>
Practical 6

<input type="checkbox" name="topping" value="9" />


Green Peppers<br>
<input type="checkbox" name="topping" value="10" />
Mushrooms<br>
<input type="checkbox" name="topping" value="11" /> Red
Onions<br>
<input type="checkbox" name="topping" value="12" />
Roasted Garlic<br> <br>

<p><b> Customer Name </b><input type="text" name="text"


id="Text"></p>

<p><b> Contact Number </b><input type="tel"


name="number"></p>

<p><b>Email Id </b><input type="email" name="main"></p>

<p><b>Address <input type="text"


name="address"></b></p>

<input type="submit" value="PLACE YOUR ORDER">


<input type="reset" value="START OVER">

</form>
</body>
</html>
Practical 6

/* 2.Write a program to design Registration form for College */

<html>
<head>
<title> Registration Page </title>
</head>
<body style="background-color:rgb(80, 238, 243)">
<form>
<label> Firstname </label>
<input type="text" name="firstname" size="15"/>
<br> <br>
<label> Middlename: </label>
<input type="text" name="middlename" size="15"/>
<br> <br>
<label> Lastname: </label>
<input type="text" name="lastname" size="15"/>
<br> <br>
Practical 6

<label>Course : </label>
<select>
<option value="Course">Course</option>
<option value="Computer">Computer</option>
<option value="Mechanical">Mechanical</option>
<option value="Electrical">Electrical</option>
<option value="Electronics and
Communication">Electronics and
Communication</option>
</select>
<br> <br>

<label> Gender : </label><br>


<input type="radio" name="male"/> Male <br>
<input type="radio" name="female"/> Female <br>
<input type="radio" name="other"/>Other<br><br>

<label> Phone : </label>


<input type="text" name="country code" value="+91"
size="1"/>
<input type="text" name="phone" size="10"/>
<br> <br>

Address : <br>
<textarea cols="80" rows="5" value="address">
</textarea> <br> <br>

Email:
<input type="email" id="email" name="email"/>
<br> <br>
Password:
<input type="Password" id="pass" name="pass">
<br> <br>
Re-type password:
<input type="Password" id="repass" name="repass">
<br> <br>
<input type="button" value="Submit"/>
</form>
</body>
</html>
Practical 6

/* 3.Write a webpage that accepts Username and Aadhar Card as


input texts */

<html>
<body style="background-color: aquamarine;">
<script>
function click_event()
{
document.write("<b>THANK YOU</b>")
}
</script>

<form>
Practical 6

<h3>Enter your Information</h3>


<label><b>Username : </b><input type="text"
name="username"> </label>
<br> <br>
<label><b> Adharcard Number(12 Digit) : </b><input
type="text" name="adhar"></label>
<p><input type="submit" value="Submit"
onclick="click_event()"></p>
</form>
</body>
</html>

You might also like