Scribd Logo
Upload

Welcome to Scribd!

  • Exp. No: 1C Creation of HTML Document Using Frames With Form Controls Date: Scenerio

    Uploaded by

    Akshay Chandru
    14 views5 pages
    The document describes creating an HTML page using frames with form controls. The page is divided into 5 frames arranged in a 2x3 grid, with the top row taking up 20% of the height and containing forms. The left frame asks for name and address and has two text boxes. The middle frame has four radio buttons to select a color. The right frame contains four checkboxes to select car parts. The bottom row contains images of two cars. Individual pages are created for each frame containing the appropriate form fields or images.

    Original Description:

    frameset program

    Original Title

    Frame With Form.44

    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 describes creating an HTML page using frames with form controls. The page is divided into 5 frames arranged in a 2x3 grid, with the top row taking up 20% of the height and containing forms. The left frame asks for name and address and has two text boxes. The middle frame has four radio buttons to select a color. The right frame contains four checkboxes to select car parts. The bottom row contains images of two cars. Individual pages are created for each frame containing the appropriate form fields or images.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    14 views5 pages

    Exp. No: 1C Creation of HTML Document Using Frames With Form Controls Date: Scenerio

    Uploaded by

    Akshay Chandru
    The document describes creating an HTML page using frames with form controls. The page is divided into 5 frames arranged in a 2x3 grid, with the top row taking up 20% of the height and containing forms. The left frame asks for name and address and has two text boxes. The middle frame has four radio buttons to select a color. The right frame contains four checkboxes to select car parts. The bottom row contains images of two cars. Individual pages are created for each frame containing the appropriate form fields or images.

    Copyright:

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

    Exp.

    No: 1C CREATION OF HTML DOCUMENT USING FRAMES


    WITH FORM CONTROLS
    Date:
    QUESTION SCENERIO: Create a html document that has 5 frames. There must be
    2 rows of frames, the first with 3 frames and the other with 2 frames. The frames in the
    first row must have equal width and left frame in the second row must be 55% of the width
    of the display. Each of the frames in the top row must display a document that has a form.
    The left top frame must have 2 textboxes, each 30 characters wide labelled as Name and
    address. The middle top frame must have 4 radio buttons with colour name label. The right
    top frame must have 4 checkboxes labelled with 4 kind of car parts CD player, AC, etc.
    The 2 bottom frames must have images of 2 different cars. The top row of frame must use
    20% of the height of the display.

    AIM: To create a HTML document using Frames with Form controls.


    TAGS:
    TAGS DESCRIPTION
    <frameset> Tag used to holds one or
    more <frame> elements.
    <frameset cols=” “> Tag used to specifie the number and size of
    columns in a <frameset>.
    <frameset rows=” “> Tag used to specifie the size of, and the
    number of rows in a <frameset>
    <frame> Tag used to defines one particular window
    (frame) within a <frameset>.
    <frame src=” “> Tag used to specifies the URL of the
    document to show in a frame.
    <form> Tag used to create an HTML form for user
    input.
    <input> Tag used to specifie an input field where the
    user can enter data.
    <label> Tag used to define a label for a <button>,
    <input>, <meter>, <output>, <progress>,
    <select>, or <textarea> element.
    <img> Tag used to defines an image in an HTML
    page.
    <h2> Tag used to define HTML heading.
    <input type = “text”> Tag used to defines a single-line text field.
    <input type = “radio”> Tag used to defines a radio button.
    <input type = “checkbox”> Tag used to defines a checkbox.

    IT17511 171001044
    PROGRAM:
    Frames.html

    <!DOCTYPE html>
    <html>
    <head>
    <title>Maincars
    </title>
    </head>
    <frameset rows="20%,*">
    <frameset cols="*,*,*">
    <frame src="Name.html"></frame>
    <frame src="Color.html"></frame>
    <frame src="Carparts.html"></frame>
    </frameset>
    <frameset cols="55%,*">
    <frame src="Carimg1.html"></frame>
    <frame src="Carimg2.html"></frame>
    </frameset>
    </frameset>
    </html>

    Name.html

    <!DOCTYPE html>
    <html>
    <head>
    <title>Username</title>
    </head>
    <body>
    <h2>Personal Details</h2>
    <form>
    <label>Name</label><br>
    <input type="text" name="Name" maxlength="30"><br>
    <label>Address</label><br>
    <input type="text" name="Address" maxlength="30">
    </form>

    </body>
    </html>

    Color.html

    <!DOCTYPE html>
    <html>
    <head>
    <title>
    IT17511 171001044
    Colors
    </title>
    </head>
    <body>
    <h2>Colors</h2>
    <form>
    <label>Color names</label><br>
    <input type="radio" >Red<br>
    <input type="radio" >Yellow<br>
    <input type="radio" >Blue<br>
    <input type="radio" >Green<br>
    </form>

    </body>
    </html>

    Carparts.html

    <!DOCTYPE html>
    <html>
    <head>
    <title>
    Carparts
    </title>
    </head>
    <body>
    <h2>Car Parts</h2>
    <form>
    <label>Car Parts</label><br>
    <input type="checkbox" >CD Player<br>
    <input type="checkbox" >AC<br>
    <input type="checkbox" >Gear<br>
    <input type="checkbox" >Steering wheel<br>
    </form>

    </body>
    </html>

    Carimg1.html

    <!DOCTYPE html>
    <html>
    <head>
    <title>Mahindra KUV</title>
    </head>
    <body>
    <h2>Mahindra KUV</h2>
    <img src="car1.jpg" alt="KUV" align="center">

    </body>
    IT17511 171001044
    </html>

    Carimg2.html

    <!DOCTYPE html>
    <html>
    <head>
    <title>Hyundai Verna</title>
    </head>
    <body>
    <h2>Hyundai Verna</h2>
    <img src="car2.jpg" alt="VERNA" align="center">

    </body>
    </html>

    IT17511 171001044
    OUTPUT:

    RESULT: Thus the HTML document using frames with form controls is created
    successfully.

    IT17511 171001044

    You might also like