Scribd
Upload
71 views6 pages

Web Technologies Lab Assignment-4,5: Name: Srikar Kotra REG - NO:18MIS0369

The document contains code for two HTML forms - a pizza order form and a student registration form. The pizza order form utilizes CSS shorthand to add background color and image. It contains fields for customer name, pizza toppings, sauce, and extras. The student registration form has fields for name, registration number, date of birth, program, contact details, and addresses. It uses a table structure with input fields to collect the registration information.

Uploaded by

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

Web Technologies Lab Assignment-4,5: Name: Srikar Kotra REG - NO:18MIS0369

The document contains code for two HTML forms - a pizza order form and a student registration form. The pizza order form utilizes CSS shorthand to add background color and image. It contains fields for customer name, pizza toppings, sauce, and extras. The student registration form has fields for name, registration number, date of birth, program, contact details, and addresses. It uses a table structure with input fields to collect the registration information.

Uploaded by

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

WEB TECHNOLOGIES

LAB ASSIGNMENT-4,5
NAME: SRIKAR KOTRA
REG.NO:18MIS0369

4)
Design the following HTML form using HTML
1. Utilize CSS shorthand background properties to provide a color and image.
2. Utilize field set tags.
3. Check no fields are null.

CODE:
<html>

<head><title> Pizza Point 2.0 </title></head>

<style> table.a</style>

<body>

<form>

<table border="20" padding="20" width="1350px" height= "730" class="a" background="slices-


delicious-pizza-light-background-top-view-slices-delicious-pizza-light-background-118895971.jpg">

<tr>

<th colspan="2"> Pizza shop 2.0</th>

</tr>

<tr>

<td>Name</td>

<td st><input type="textbox"></td>

</tr>

<tr>

<td>Pizza Topping</td>

<td>

<input type="radio" name="Supreme">Supreme</br>


<input type="radio" name="Vegetarian">Vegetarian</br>

<input type="radio" name="Hawaiian">Hawaiian</br>

</td>

</tr>

<tr>

<td>Pizza sauce </td>

<td>

<select name="sauce">

<option value="tomato">tomato</option>

<option value="chilli">chilli</option>

<option value="green chilli">green chilli</option>

</select>

</td>

</tr>

<tr>

<td>Optional extras:</td>

<td><input type="radio">Extra cheese</br>

<input type="radio">Glutten free base</br>

</td>

</tr>

<td colspan="20">

Delivery address:</br>

<input type="textbox" width:100%>

</td>

</tr>

<tr>

<td colspan="20">

<input type="button" value="send my order">

</td>

</tr>

</table>
</body>

</html>

OUT PUT:

5) Design a student registration form which takes student name, register number, DOB,
program, email id, temporary address, permanent address, phone number.

CODE:
<html>
<body bgcolor="lightgreen">
<table border="20" padding="20" width="1350px" height= "750" class="a">
<style> table.a</style>
<th colspan="4" >STUDENT REGISTRATION FORM</th>
<tr>
<td>NAME</td>
<td><input type="text" NAME="text"></td>
</tr>
<tr>
<td> REGISTRATION NUMBER</td>
<td><input type="text" registration number="text"></td>
</form>
</td>
</tr>
<tr>
<td>DATE OF BIRTH</td>
<td><input type="text" date of birth="text"></td>
</td>
</tr>
<tr>
<td>PROGRAM</td>
<td><input type="text" program="text"></td>
</tr>
<tr >
<td>E-MAIL ID</td>
<td><input type="text" e-mail id ="text"></td>
</tr>
<tr >
<td colspan="2">TEMPORARY ADDRESS<br>
<textarea rows="5" cols="50" name="temporary address"/>
</textarea>
</td>
</tr>
<tr>
<td colspan="2">PERMANENT ADDRESS<br>
<textarea rows="5" cols="50" name="permanent address"/>
</textarea>
</td>
</tr>
<tr>
<td>PHONE NUMBER</td>
<td><input type="text" phone number="text"</td>
</tr>
<tr>
<td colspan="2">
<center>
<input type="submit" name="registration complete" value="COMPLETED"/>
</center>
</td>
</tr>
</body>
</html>
OUT PUT:

You might also like