Scribd Logo
Upload

Welcome to Scribd!

  • Build A Survey Form

    Uploaded by

    bob
    15K views1 page
    This document contains the code for an HTML form with various input fields like text, email, number, select, radio buttons, checkboxes and a textarea. The form is laid out within a page with a title, description and styles defined in a linked CSS file.

    Original Description:

    How to build a survey form!

    Original Title

    Build a Survey Form

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document contains the code for an HTML form with various input fields like text, email, number, select, radio buttons, checkboxes and a textarea. The form is laid out within a page with a title, description and styles defined in a linked CSS file.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    15K views1 page

    Build A Survey Form

    Uploaded by

    bob
    This document contains the code for an HTML form with various input fields like text, email, number, select, radio buttons, checkboxes and a textarea. The form is laid out within a page with a title, description and styles defined in a linked CSS file.

    Copyright:

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

    ** start of undefined **

    <!doctype html>
    <html>
    <head>
    <link rel="stylesheet" href="styles.css">
    <title>This is my form</title>
    </head>
    <body>
    <h1 id="title">My Form</h1>
    <p id="description">This is a description for this form</p>
    <form id="survey-form">
    <label id="name-label">enter your name<input type="text" id="name" required
    placeholder="enter your name"></label>
    <label id="email-label">enter your email<input type="email" id="email" required
    placeholder="enter your email"></label>
    <label id="number-label">enter a number<input type="number" required
    id="number" min="2" max="9" placeholder="enter a number between 2 and 9"></label>
    <label for="cars">what car do you drive?:</label>

    <select name="cars" id="dropdown">


    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    </select>

    <legend>Select your favourite drink:</legend>


    <input type="radio" id="lucozade" name="drink" value="lucozade"> <label
    for="lucozade">Lucozade</label>
    <input type="radio" id="redbull" name="drink" value="redbull">
    <label for="redbull">Red Bull</label>

    <input type="checkbox" id="employed" name="employed" value="employed"


    checked>
    <label for="employed">Employed</label>
    <input type="checkbox" id="notemployed" name="notemployed"
    value="notemployed">
    <label for="notemployed">Not Employed</label>

    <textarea placeholder="additional text"></textarea>

    <input type="submit" id="submit">

    </form>
    </body>
    </html>

    ** end of undefined **

    ** start of undefined **

    body{
    background: green;
    }

    ** end of undefined **

    You might also like