Scribd Logo
Upload

Welcome to Scribd!

  • Build A Survey Form

    Uploaded by

    Edin Limance
    13K views2 pages
    The document contains an HTML survey form with various input fields including text, email, number, dropdown, radio buttons, checkboxes, and textarea. The form collects a user's name, email, age, role, games played, and reason for playing games. It contains labels and prompts for each field to guide the user on completing the survey.

    Original Description:

    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
    The document contains an HTML survey form with various input fields including text, email, number, dropdown, radio buttons, checkboxes, and textarea. The form collects a user's name, email, age, role, games played, and reason for playing games. It contains labels and prompts for each field to guide the user on completing the survey.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    13K views2 pages

    Build A Survey Form

    Uploaded by

    Edin Limance
    The document contains an HTML survey form with various input fields including text, email, number, dropdown, radio buttons, checkboxes, and textarea. The form collects a user's name, email, age, role, games played, and reason for playing games. It contains labels and prompts for each field to guide the user on completing the survey.

    Copyright:

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

    ** start of undefined **

    <html>
    <head>
    <link rel="stylesheet" href="styles.css">
    </head>
    <body>
    <h1 id="title">Survey Page</h1>
    <p id="description">This page is about survey form that anyone can do. </p>
    <form id="survey-form">
    <div class="form-group">
    <label id="name-label" for="name"> Name </label>
    <input id="name" type="text" placeholder="Enter your name" required>
    </div>

    <div class="form-group">
    <label id="email-label" for="email">Email</label>
    <input id="email" type="email" placeholder="Enter your email" required>
    </div>

    <div class="form-group">
    <label id="number-label" for="number">Number</label>
    <p>Enter random two-digits number</p>
    <input id="number" type="number" min="10" max="99" placeholder="00">
    </div>

    <div class="form-group">
    <p> What is your current role? </p>
    <select id="dropdown" name="role" required>
    <option disabled selected value>Select your role</option>
    <option value="student">Student</option>
    <option value="job">Job</option>
    <option value="notsay">Prefer not to say</option>
    <option value="other">Other</option>
    </select>
    </div>

    <div class="form-group">
    <p>Are you older than 18 years old?</p>
    <label>
    <input type="radio" name="age" value="older" class="input-radio"/> Older
    </label>
    <label>
    <input type="radio" name="age" value="younger" class="input-radio"> Younger
    </label>
    <label>
    <input type="radio" name="age" value="18" class="input-radio">I'm 18 years
    old
    </label>
    </div>

    <div class="form-group">
    <p>What following games are you playing?</p>
    <label>
    <input type="checkbox" name="game" class="input-checkbox" value="league of
    legends"> League of Legends </label>
    <label><input type="checkbox" name="game" class="input-checkbox"
    value="fortnite"> Fortnite</label>
    <label><input type="checkbox" name="game" class="input-checkbox"
    value="pubg"> Pubg </label>
    <label><input type="checkbox" name="game" class="input-checkbox"
    value="worldofwarcraft"> World of Warcraft </label>
    <label><input type="checkbox" name="game" class="input-checkbox"
    value="other"> Other </label>
    </div>

    <div class="form-group">
    <p>Why are you playing selected games?</p>
    <textarea id="playing" class="input-textarea" placeholder="why are you
    playing selected games?"></textarea>
    </div>

    <div class="form-group">
    <button type="submit" id="submit" class="submit-button"> Submit </button>

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

    ** end of undefined **

    ** start of undefined **

    ** end of undefined **

    You might also like