Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Upload

Welcome to Scribd!

  • 19K views

    Build A Survey Form

    Uploaded by

    Trần Hoàng Việt
    This document contains an HTML survey form with questions about name, email, age, occupation, technology preferences, communication preferences, and an open comment field. Styling is provided with a main CSS stylesheet to center the form and style inputs and text against a dark background.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd

    Build A Survey Form

    Uploaded by

    Trần Hoàng Việt
    19K views2 pages
    This document contains an HTML survey form with questions about name, email, age, occupation, technology preferences, communication preferences, and an open comment field. Styling is provided with a main CSS stylesheet to center the form and style inputs and text against a dark background.

    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?

    This document contains an HTML survey form with questions about name, email, age, occupation, technology preferences, communication preferences, and an open comment field. Styling is provided with a main CSS stylesheet to center the form and style inputs and text against a dark background.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Download as txt, pdf, or txt
    19K views2 pages

    Build A Survey Form

    Uploaded by

    Trần Hoàng Việt
    This document contains an HTML survey form with questions about name, email, age, occupation, technology preferences, communication preferences, and an open comment field. Styling is provided with a main CSS stylesheet to center the form and style inputs and text against a dark background.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Download as txt, pdf, or txt
    You are on page 1of 2

    ** start of undefined **

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <link rel="stylesheet" href="styles.css">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    </head>
    <body>
    <h1 id="title">freeCodeCamp Survey Form</h1>
    <p id="description">Thank you for taking the time to help us improve the
    platform</p>
    <form action="/action_page.php" id="survey-form">
    <label for="name" id="name-label">Name:</label><br>
    <input type="text" id="name" name="name" placeholder="Name?" required><br>
    <label for="email" id="email-label" >Email:</label><br>
    <input type="email" id="email" name="email" placeholder="Email?"
    required><br><br>
    <label for="Number" id="number-label">Age:</label><br>
    <input type="number" id="number" name="number" min="14" max="99"
    placeholder="Age?" required ><br>
    <select id="dropdown">
    <option value="1">Software engineer</option>
    <option value="2">Cybersecurity</option>
    </select> <br>
    <label for="frontend">
    <input
    id="frontend"
    type="radio"
    name="favorite"
    value="frontend"
    />frontend
    </label>
    <label for="backend">
    <input
    id="backend"
    type="radio"
    name="favorite"
    value="backend"
    />backend
    </label>
    <label for="fullstack">
    <input id="fullstack" type="radio" name="favorite" value="fullstack"
    />fullstack
    </label>
    <label for="other">
    <input id="other" type="radio" name="favorite" value="other" />Other
    </label>
    <p>Which communications do you want to receive?</p>
    <label for="newsletter">
    <input
    id="newsletter"
    type="checkbox"
    name="communications"
    value="newsletter"
    />Newsletter
    </label>
    <label for="events">
    <input
    id="events"
    type="checkbox"
    name="communications"
    value="events"
    />Event updates
    </label>
    <label for="updates">
    <input
    id="updates"
    type="checkbox"
    name="communications"
    value="updates"
    />Club updates
    </label> <br>
    <p>Any other information you would like to share?</p>
    <textarea id="additional-information" rows="4" cols="50">
    You can provide comments, suggestions, or feedback here.</textarea
    >

    <input id="submit" type="submit" value="Submit!">


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

    ** end of undefined **

    ** start of undefined **

    main {
    text-align: center;
    background-color: black;
    background-blend-mode: lighten;
    max-width: 400px;
    margin: 20px auto;
    border-radius: 50px;
    box-shadow: 10px 10px rgba(0, 0, 0, 0.5);
    color: black;
    }
    body {
    text-align: center;
    background: #3a3240;
    color: white;
    }
    input, textarea, select, button {
    background: #3a3240;
    color: white;
    }
    a {
    color: white;
    }

    ** end of undefined **

    You might also like