Scribd Logo
Upload

Welcome to Scribd!

  • Task 1

    Uploaded by

    laibarehman334
    5 views10 pages
    The document contains an HTML code snippet for a non-faculty job application form for COMSATS University Islamabad. The form includes fields for applicant details like name, father's name, contact information, education history, employment history, and a signature field. Radio buttons and dropdown menus are used for some fields like campus and date of birth. Tables are used to display education and employment history in a structured format.

    Original Description:

    Original Title

    TASK 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 contains an HTML code snippet for a non-faculty job application form for COMSATS University Islamabad. The form includes fields for applicant details like name, father's name, contact information, education history, employment history, and a signature field. Radio buttons and dropdown menus are used for some fields like campus and date of birth. Tables are used to display education and employment history in a structured format.

    Copyright:

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

    Task 1

    Uploaded by

    laibarehman334
    The document contains an HTML code snippet for a non-faculty job application form for COMSATS University Islamabad. The form includes fields for applicant details like name, father's name, contact information, education history, employment history, and a signature field. Radio buttons and dropdown menus are used for some fields like campus and date of birth. Tables are used to display education and employment history in a structured format.

    Copyright:

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

    NAME: LAIBA REHMAN REG NO: FA23-BCS-041

    LAB TASK 1

    OUTPUT:
    CODE SNIPPET:
    <!DOCTYPE html>

    <html>

    <head>

    <title>

    HOME

    </title>

    </head>

    <body>

    <div style="

    border: 1pt solid black;">

    <form method="Post">

    <img
    src="https://upload.wikimedia.org/wikipedia/commons/c/c0/COMSATS_new_logo.jpg"
    style="width:130px;height=228px;">

    <center> <p><b><h1> NON-FACULTY JOB APPLICATION FORM</h1></b></p></center>

    <center> <P><h2>COMSATS University Islamabad(CUI)</h2></P></center>

    </div>

    <div style="

    border: 1pt solid black;">

    <p><h3>

    1.Post applied for <input type="text" placeholder="enter here" value="text">

    </h3>

    </p>

    <h4><p>
    (mention only one position)

    </p></h4>

    <p><h3>

    2.Department<input type="text" placeholder="enter" value="text">

    </h3></p>

    <p><h4>

    (mention Department)

    </h4></p>

    <p><h3>

    3.Name in full<input type="text" placeholder="enter" value="text">

    </h3></p>

    <p><h4>

    (Use CAPITAL LETTER)

    </h4></p>

    <p><h3>

    4.Father Name<input type="text" placeholder="enter" value="text">

    </h3></p>

    <p><h4>

    (Use CAPITAL LETTER)

    </h4></p>

    <p><h3>

    5.Campus:

    <input type="radio" name="radiobutton" value="my value1"/>Lahore

    <input type="radio" name="radiobutton" value="my value2"/>Islamabad

    <input type="radio" name="radiobutton" value="my value3"/>Wah

    <input type="radio" name="radiobutton" value="my value4"/>Sahiwal


    <input type="radio" name="radiobutton" value="my value5"/>Vehari

    </h3></p>

    <p><h3>

    6.Telephone number<input type="text" placeholder="enter" value="text">

    </h3></p>

    <p><h3>

    7.Correspondance Postal Address<input type="text" placeholder="enter"


    value="text">

    </h3></p>

    <p><h3>

    8.Email<input type="email" placeholder="enter" value="email">

    </h3></p>

    <p><h3>9.Date of Birth</h3></p>

    <select name="month">

    <option value="month">Month</option>

    <option value="jan">Jan</option>

    <option value="feb">feb</option>

    <option value="march">march</option>

    <option value="april">april</option>

    </select>

    <select name="Day">

    <option value="day">day</option>

    <option value="mon">mon</option>

    <option value="tue">tue</option>

    </select>

    <select name="year">

    <option value="year">year</option>

    <option value="2002">2002</option>

    <option value="2005">2005</option>
    </select>

    <p><h3>

    12. N.I.C#.<input type="text" placeholder="enter" value="text">

    </h3></p>

    <p><h3>

    13.Academic Record</h3></p><p><h4>(please start from highest qualification


    and go down in descending order)</h4></p>

    <style>

    table,tr,th,td{

    border:2px solid black;

    </style>

    <table>

    <tr>

    <th>Degree held</th>

    <th>Year of award</th>

    <th>Field</th>

    <th>Board/University</th>

    <th>Grade/Div</th>

    </tr>

    <tr>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    </tr>
    <tr>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    </tr>

    <tr>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    </tr>

    <tr>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    </tr>

    <tr>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    </tr>

    <tr>
    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    </tr>

    <tr>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    </tr>

    </table>

    <p><h3>14.Employment History<i>(Please start from your most recent


    job)</i></h3></p>

    <style>

    table,tr,th,td{

    border:2px solid grey;

    </style>

    <table>

    <tr>

    <th>Name Of Organization</th>

    <th>Post held with PayScale</th>

    <th>Job Profile</th>
    <th>Period From to</th>

    </tr>

    <tr>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    </tr>

    <tr>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    </tr>

    <tr>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    </tr>

    <tr>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>


    </tr>

    <tr>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    <td><input type="text" placeholder="enter" value="text"></td>

    </tr>

    </table>

    </div>

    Dated:<input type="text" placeholder="enter" value="text">Signature:<input


    type="text" placeholder="enter" value="text">

    </select>

    </form>

    </body>

    </html>

    You might also like