Scribd Logo
Upload

Welcome to Scribd!

  • Build A Survey Form

    Uploaded by

    juan castex
    6 views3 pages

    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

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    6 views3 pages

    Build A Survey Form

    Uploaded by

    juan castex

    Copyright:

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

    ** start of undefined **

    <!DOCTYPE html>

    <html lang='en'>
    <head>
    <meta charset='utf-8'>
    <title>Survey Form</title>
    <link rel='stylesheet' href='styles.css' />
    </head>
    <body>
    <h1 id='title'>SpBiKeR Survey Form</h1>
    <p id='description'>Thank you for helping me!!</p>
    <form id='survey-form'>
    <fieldset>
    <label id='name-label' for='name' class='titulo'>Name
    <input id='name' type='text' required placeholder='Completa este campo'/>
    </label>
    <label id='email-label' for='email'class='titulo' >Email
    <input id='email' type='email' required placeholder='Completa este
    campo' />
    </label>
    <label id='number-label' for='number'class='titulo' >Age
    <input id='number' type='number' min='13' max='105'
    placeholder='Opcional' />
    </label>
    <label for='dropdown' class='titulo'>Sexo
    <select id='dropdown'>
    <option>Male</option>
    <option>Female</option>
    <option>Other</option>
    </select>
    </label>

    <label class='titulo'>Do you like me??</label>


    <fieldset>
    <label for='yes'><input id='yes' type='radio' name='like' value='one'
    class='inline' />Definitely </label>
    <label for='capaz'><input id='capaz' type='radio' name='like' value='two'
    class='inline' />Maybe </label>
    <label for='nose'><input id='nose' type='radio' name='like' value='three'
    class='inline' />Not sure </label>
    </fieldset>
    <label class='titulo'>Select your interests</label>
    <fieldset>
    <label for='leer' class='titulo'><input id='leer' type='checkbox'
    value='leer_cbx'class='inline' />Reading
    </label>
    <label for='sport' class='titulo'><input id='sport' type='checkbox'
    value='sport_cbx' class='inline' />Sports
    </label>
    <label for='video' class='titulo'><input id='video' type='checkbox'
    value='video_cbx' class='inline' />Video Games
    </label>
    <label for='pelis' class='titulo'><input id='pelis' type='checkbox'
    value='pelis_cbx' class='inline' />Watch Movies
    </label>
    <label for='camp' class='titulo'><input id='camp' type='checkbox'
    value='camp_cbx' class='inline' />Camping
    </label>
    </fieldset>
    <label class='titulo'>Any comments or suggestions?</label>
    <textarea rows='3' columns='50'></textarea>
    <input id='submit' type='submit' value='Submit' />
    </form>
    </body>
    </html>

    ** end of undefined **

    ** start of undefined **

    body {
    background-color: #2b2b45;
    color: white;

    h1,p {
    text-align: center;
    color: #cc66ff;
    font-size: 3em;

    p {
    text-align:center;
    font-size: 2em;
    }

    fieldset {
    border:none;
    padding-top: 0;
    }

    label {
    display:block;
    margin: 0.5rem 0;

    .titulo {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    padding-top: 5px;
    padding-bottom: 0;
    }

    .inline {
    width: unset;
    margin: 0 0.5em 0 0;
    vertical-align: middle;
    }

    input, textarea, select {


    margin: 10px 0 0 0;
    width: 100%;
    min-height: 2em;
    background-color: #0a0a23;
    color: #f5f6f7;
    }

    input[type='submit']{
    display: block;
    margin: 1em auto;
    height: 3em;
    font-size: 1.1rem;
    background-color: #ff6666;

    ** end of undefined **

    You might also like