Scribd Logo
Upload

Welcome to Scribd!

  • Hajjie Sacil Asis

    Uploaded by

    rose ann ibusag
    8 views4 pages
    The document provides code for building a survey form using HTML and CSS. The form includes input fields for name, email, role selection using a dropdown, recommendation using radio buttons, languages and frameworks known using checkboxes, and a comment section using a textarea. Styling is applied using CSS for elements like the body, form container, form controls, buttons and their labels.

    Original Description:

    Original Title

    hajjie sacil asis

    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 provides code for building a survey form using HTML and CSS. The form includes input fields for name, email, role selection using a dropdown, recommendation using radio buttons, languages and frameworks known using checkboxes, and a comment section using a textarea. Styling is applied using CSS for elements like the body, form container, form controls, buttons and their labels.

    Copyright:

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

    Hajjie Sacil Asis

    Uploaded by

    rose ann ibusag
    The document provides code for building a survey form using HTML and CSS. The form includes input fields for name, email, role selection using a dropdown, recommendation using radio buttons, languages and frameworks known using checkboxes, and a comment section using a textarea. Styling is applied using CSS for elements like the body, form container, form controls, buttons and their labels.

    Copyright:

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

    <!

    DOCTYPE html>
    <html lang="en">

    <head>
    <meta chrset="UTF-8">
    <meta http-equiv="X-UA-Compatible"content="IE-edge">
    <meta name="viewport"content="width=device-width,initial-scale=1.0">
    <title>
    Build a
    Survey Form using HTML and CSS

    </title>

    <style>
    /*Styling the Body element i.e. Color,
    Font,Aligment*/body{ back round-color:
    #05c46b; \
    font family:
    Verdana;
    text-align:
    center;
    }
    /*Styling the Form(Color,Padding,Shadow)*/form{
    background-
    color:
    #fff;
    max- width:
    500px:
    margin: 50px:
    padding: 30px
    20px;
    box-shadow:
    2px 5px 10px rgba(0, 0, 0.5);

    }
    /*Styling form-control Class */ . form-control {
    text-align: 1eft;
    mard\gin-bottom: 25px;
    }
    /* Styling form-control label */ . form-control label { disply:block;
    margin-bottom: 10px;
    }
    /*Styling form-control input,
    select,textarea */
    -form-control input
    -form-control select,
    -form-control textarea {
    border: 1px
    solid #777;
    border-radius:
    2px:
    font-family:
    inherit:
    paddimg: 10px
    display: block;
    with: 95%;
    }
    /*Styling form-control radio buttom and Checkbox */
    .form-control input[type="radio"],
    .form-control input[type="checkbox"] {
    display: inline-block;
    with: auto;

    /*Styling Buttom */ buttom {


    background-color: #05c46b;
    border ;1px solid #777;
    border-radius: 2px:
    font family: ingerit;
    disply: block
    with: 100%
    margin-top: 50px;
    margin-bottom: 20px:
    }

    </head>

    <body>
    <h1> TULAY NA LUPA NATIONAL HIGH SCHOOL survey Form</h1>

    <!--Create Form -->


    <form id ="form-">

    <!--details-->
    <div class="form-control">
    <label for="name" id="label-name">
    Name
    <label>

    <!--input Type Text id=" name" placeholder=" Enter your name"/>


    </div>

    <div class-"form-control">
    <label for="email" id="label-email">
    Email
    </label>

    <div class="form-control">
    <label for="role" id="label-role">
    which option best describes you?
    </label>

    <!--dropdown options-->
    <select name="role" id="role">
    <option value="student">student</option>
    <option value="intern">Intern</option>
    <option value="professional">
    Professional
    </option>
    <option value=">other</option>
    </div>

    <div class+="form-control">
    <label>
    <!--Input Type Radio Buttom -->
    <label for="recommed-1">
    <input type="radio"
    id="recommed-1"
    name="recommed">Yes</input>
    </label>
    <label for="recommed-2">
    <input type="radio"id="recommed-2"name="recommed">No</input>

    </label?
    <label for="recommed-3">
    <input type="radio-3"name="recommed">Maybe</input>
    </label

    </div>

    <div class="form-control">
    <label>Languages and Frameworks know <small>(Check all that
    apply)</small>

    </label>
    <!--Input Type Checkbox -->
    <label for="inp-1>
    <input type="checkbox"
    name="inp">C</input></label>
    <label for="inp-2">
    <input type="checkbox"
    name="inp">C++</input></label>
    <label for="inp-3">
    <input type="checkbox"
    name="inp">C#</input></label>
    <label for="inp-4'>
    <input type="checkbox"
    name="inp">Java</input></label
    <label for="inp-5">
    <input type="checkbox"
    name="inp">Python<?/input></label>
    <label for="inp-6">
    <input type="checkbox"
    name="inp">JavaScript</input></label>
    <label for="inp-7">
    <input type="checkbox"
    name="inp">React</input></label>
    <label for="inp-7">
    <input type="checkbox"
    name="inp">Angular</input></label>
    <label for="inp-7">
    <input type"checkbox"
    name="inp">Django</input></label>
    < label for="inp-7>
    <input type="checkbox"
    name="inp">Spring</input></label>

    </div>

    <div class="form-control">
    <label for="comment">
    Any comments or suggestions
    </label>
    <!--multi-line text input control -->
    <textarea name="comment" id="comment"
    placeholder="Enter your comment here">
    </div>

    <!--Multi-line Text Input Control -->


    <buttom type="submit" value="submit">
    submit
    </button
    </form>
    </body

    </html>

    You might also like