Scribd Logo
Upload

Welcome to Scribd!

  • Lab Assignment - 1: Course Name: Internet and Web Course Code: CSE3002

    Uploaded by

    suhasini
    5 views9 pages
    The document is a lab assignment for an Internet and Web Programming course. It instructs the student to design a registration page using HTML with a minimum of 10 fields to collect personal details using the GET method. It provides criteria for evaluation including form validation and use of different input types. The student's response deploys the registration form, collects name, contact, and travel details using radio buttons, select boxes and uploads a photo. It is submitted to a GitHub link to display the input values.

    Original Description:

    Original Title

    Lab_da_1

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document is a lab assignment for an Internet and Web Programming course. It instructs the student to design a registration page using HTML with a minimum of 10 fields to collect personal details using the GET method. It provides criteria for evaluation including form validation and use of different input types. The student's response deploys the registration form, collects name, contact, and travel details using radio buttons, select boxes and uploads a photo. It is submitted to a GitHub link to display the input values.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    5 views9 pages

    Lab Assignment - 1: Course Name: Internet and Web Course Code: CSE3002

    Uploaded by

    suhasini
    The document is a lab assignment for an Internet and Web Programming course. It instructs the student to design a registration page using HTML with a minimum of 10 fields to collect personal details using the GET method. It provides criteria for evaluation including form validation and use of different input types. The student's response deploys the registration form, collects name, contact, and travel details using radio buttons, select boxes and uploads a photo. It is submitted to a GitHub link to display the input values.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 9

    LAB ASSIGNMENT - 1

    Course Name: Internet and Web


    Programming
    Course Code: CSE3002

    Name: AYUSH GUPTA


    Registration no.: 20BCB0126
    Faculty: SRIDHAR RAJ S - SCOPE
    Slot: L41 + L42
    Class: VL2022230103999

    1) Design a registration page with your personal details as input


    using HTML. The registration page should contain a minimum of
    TEN elds. Use GET method to display the input information in
    your URL.
    The following aspects are considered for the evaluation,
    o Form validation
    o Usage of multiple input types such as text, drop down, radio
    buttons, check boxes, buttons, etc.,
    o Effective usage of different tags, formatting, styles, etc.,
    Ans)
    Deployed Link: https://ayushlabda1.vercel.app/

    Code link: https://github.com/ayushgml/iwp-codes

    Screenshots:
    fi
    

    Get Method link:

    https://github.com/ayushgml?
    fname=Ayush&lname=Gupta&gender=male&dob=2001-06-16&phone=%2B91
    -8449581422&mail=ayushgml%40gmail.com&picture=Picsart_22-07-02_00-1
    0-04-565.jpg&budget=1L%2B&destination=usa&company=Partner&monthOf
    Visit=2023-06

    Code:
    <!DOCTYPE html>
    2 <html lang="en">
    3 <head>
    4 <meta charset="UTF-8">
    5 <meta http-equiv="X-UA-Compatible" content="IE=edge">
    6 <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7 <title>Document</title>
    8 </head>
    9 <body background="image.png">
    10 <center>
    11 <div>
    12 <font color="white" face="Verdana, Geneva, sans-serif">
    13 <h1>Dream Vacation Planner</h1>
    14 <h3>Your dream Vacation Planner</h3>
    15 </font>
    16 </div>
    17 <div width="200">
    18 <font color="white" face="Verdana, Geneva, sans-serif">
    19 <p>
    20 Our name says it all, "Dream Vacation Planner" because your dream vacation
    begins from the moment you start planning. And what better way to begin than
    with a team of professionals who have most likely been there, done that, and
    de nitely know how to get you the best experience for your budget. In fact, we
    promise, "No one can beat our value!"
    21 </p>
    22

    23 </font>
    24 </div>
    25 <img src="balloon.png" alt="Beach Image" width="1500">
    26 <div>
    27 <font color="white" face="Verdana, Geneva, sans-serif" size="+1">
    28 <h4>Kindly ll up the form below to take the next step to go to your dream
    vacation!</h3><br><br>
    29 <form action="https://github.com/ayushgml" method="get">
    30 < eldset>
    31 <legend>Personal details:</legend>
    32 <label for="fname">First name:</label>
    33 <input type="text" id="fname" name="fname" placeholder="eg: Ayush"
    required><br><br>
    34 <label for="lname">Last name:</label>
    35 <input type="text" id="lname" name="lname" placeholder="eg: Gupta"
    required><br><br>
    36 <label for="gender">Gender:</label>
    37 <input type="radio" id="male" name="gender" value="male" required>
    38 <label for="html">Male</label>
    39 <input type="radio" id="female" name="gender" value="female">
    40 <label for="css">Female</label>
    41 <input type="radio" id="others" name="gender" value="others">
    42 <label for="html">Others</label><br><br>
    43 <label for="dob">Date of Birth:</label>
    44 <input type="date" name="dob" id="dob" required><br><br>
    45 <label for="phone">Phone no:</label>
    fi
    fi
    fi
    46 <input type="tel" id="phone" name="phone" placeholder="eg: +91-1234567890"
    pattern="[+][0-9]{2}-[0-9]{10}" title="Please enter valid phone number"
    required><br><br>
    47 <label for="mail">Email ID:</label>
    48 <input type="email" name="mail" id="mail" placeholder="eg: xyz@gmail.com"
    required><br><br>
    49 <label for="picture">Upload your picture: </label>
    50 <input type=" le" id="picture" name="picture" capture="user" accept="image/*">
    51 </ eldset>
    52 <br><br>
    53 < eldset>
    54 <legend align="left">Travel Information:</legend>
    55 <label for="budget"><b>Tell us your budget:</b></label><br>
    56 <input type="radio" id="50k" name="budget" value="50k">
    57 <label for="50k">Under 50,000</label><br>
    58 <input type="radio" id="1L" name="budget" value="1L">
    59 <label for="1L">50,000 - 1,00,000</label><br>
    60 <input type="radio" id="1L+" name="budget" value="1L+">
    61 <label for="1L+">1,00,000+</label><br><br>
    62 <label for="destination">Select your dream destination: </label>
    63 <select name="destination" id="destination" required>
    64 <option value="select" disabled selected>Select your option</option>
    65 <option value="usa">United States of America</option>
    66 <option value="uk">United Kingdom</option>
    67 <option value="france">France</option>
    68 <option value="spain">Spain</option>
    69 <option value="germany">Germany</option>
    70 <option value="hawaii">Hawaii</option>
    71 <option value="maldives">Maldives</option>
    72 <option value="mauritius">Mauritius</option>
    73 <option value="dubai">Dubai</option>
    74 </select><br><br>
    75 <label for="company">Choose your travel companion(s) from the list:</label>
    76 <input list="companies" name="company" id="company" required>
    77 <datalist id="companies">
    78 <option value="Family">
    79 <option value="Friends">
    fi
    fi
    fi
    80 <option value="Partner">
    81 <option value="Solo">
    82 <option value="No idea yet">
    83 </datalist><br><br>
    84 <label for="monthOfVisit">Select the probable month of your visit: </label>
    85 <input type="month" name="monthOfVisit" id="monthOfVisit"><br><br>
    86 </ eldset>
    87 <br>
    88 <input type="submit" value="Submit">
    89 </form>
    90 <br>
    91 <hr>
    92 </font>
    93 <font color="white">
    94 <h2>Contact us:</h2>
    95 <h4><a href="mailto:ayush.gupta2020c@vitstudent.ac.in">Send email</a></h4>
    96 <p>Ayush Gupta</p>
    97 <p>20BCB0126</p>
    98 <p>Vellore Institute of Technology, Vellore, Tamil Nadu, India - 632014</p>
    99 </font>
    100 </div>
    101 <br>
    102 </center>
    103

    104 </body>
    105 </html>
    fi

    You might also like