Scribd Logo
Upload

Welcome to Scribd!

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

    Uploaded by

    Srikar Satya
    30 views6 pages
    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.

    Original Description:

    Original Title

    WEB TECHNOLOGIES

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    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.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    30 views6 pages

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

    Uploaded by

    Srikar Satya
    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.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 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