Scribd Logo
Upload

Welcome to Scribd!

  • 21se02ml057 Practical 8

    Uploaded by

    HASMUKH RUSHABH
    2 views8 pages

    Original Title

    21se02ml057_practical_8 (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

    Copyright:

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

    21se02ml057 Practical 8

    Uploaded by

    HASMUKH RUSHABH

    Copyright:

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

    21SE02ML057

    Assignment:8
    Aim: Apply CSS to Registration Form
    Code:
    <!Doctype html>
    <head>
    <title>Form</title>
    <style>
    body{
    background-color: rgb(109, 182, 168);
    font-family: serif;
    }
    input{
    border-radius: 10px;
    border: 2px solid rgb(8, 60, 14);
    }
    textarea{
    border-radius: 5px;
    border: 4px solid rgb(236, 150, 232);
    }
    .content{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: skyblue;
    border: dotted rgb(139, 32, 0) 5px;
    }
    </style>
    </head>
    <body>
    <div class="content">
    <h1 style="color: red; border:solid 6px rgb(235, 248,
    145);border-radius: 30px;">PERSONAL DETAILS</h1><hr>
    <form>
    <table>
    <tr>
    <td>
    </td>
    <td>
    First Name
    </td>
    <td>
    Middle Name
    </td>
    <td>
    Last Name
    </td>
    </tr>
    <tr>
    <td>
    <label for="fname" size="100">FULL NAME*</label>

    </td>
    <td>
    <input type="text" id="fname">
    </td>
    <td>
    <input type="text" id="mname">

    </td>
    <td>
    <input type="text" id="lname">
    </td>
    </tr>
    <tr>
    <td>
    <label for="bday"
    size="100">Birthday(dd/mm/yyyy)*</label>

    </th>
    <td>
    <input type="text" id="bday"
    value="Birthday(dd/mm/yyyy)">
    </td>
    <td>
    <label for="gender">Gender*</label>
    </td>
    <td>
    <input type="radio" name="gender">
    <label for="gender">Male</label>
    <input type="radio" name="gender">
    <label for="gender">Female</label>
    <input type="radio" name="gender">
    <label for="gender">Other</label>
    </td>
    </tr>
    <tr>
    <td>
    <label for="age" size="100">Age(in Years)*</label>
    </td>
    <td>
    <input type="text" id="age">
    </td>
    <td>
    <label for="age" size="100">Place of
    Birth*</label>

    </td>
    <td>
    <input type="text" id="birthplace">
    </td>
    </tr>
    <tr>
    <td>
    <label for="martial" size="100">Martial
    Status*</label>
    </td>
    <td>
    <input type="text" id="martial">
    </td>
    <td>
    <label for="childnum" size="100">No. of
    children*</label>
    </td>
    <td>
    <input type="text" id="childnum">
    </td>
    </tr>
    <tr>
    <td>
    <label for="adhar" size="100">Aadhar No.*</label>
    </td>
    <td>
    <input type="text" id="adhar">
    </td>
    <td>
    <label for="pan" size="100">PAN No.*</label>

    </td>
    <td>
    <input type="text" id="pan">
    </td>
    </tr>
    <tr>
    <td>
    <label for="contact" size="100">Contact
    No.*</label>
    </td>
    <td>
    <input type="text" id="adhar">
    </td>
    <td>
    <label for="altno" size="100">Alternate
    No.*</label>

    </td>
    <td>
    <input type="text" id="altno">
    </td>
    </tr>
    <tr>
    <td>
    <label for="email" size="100">Email Id*</label>
    </td>
    <td>
    <input type="text" id="email">
    </td>
    <td>
    <label for="country" size="100">Country*</label>

    </td>
    <td>
    <input type="text" id="country">
    </td>
    </tr>
    <tr>
    <td>
    <label for="presaddress" size="100">Present
    Address*</label>
    </td>
    <td>
    <textarea type="text" id="permaddress"
    rows="4"></textarea>
    </td>
    <td>
    <label for="permaddress" size="100">Permanent
    Address*</label>

    </td>
    <td>
    <textarea type="text" id="permaddress"
    rows="4"></textarea>
    </td>
    </tr>

    </table>
    <hr>
    </form>
    </div>
    </body>
    </html>

    Output:
    2
    SEIT1010

    Code:
    3
    SEIT1010
    21SE02ML057

    Output:

    Code:
    4
    SEIT1010

    You might also like