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