Survey Work

avatar
unknown
html
3 years ago
2.7 kB
15
Indexable
<!DOCTYPE html>

<html lang="en">
<head>
    <link rel="stylesheet" href="stylesheet.css"/>
    <meta charset="UTF-8">
</head>
<body>
    <h1 id="title">Survey Form</h1>
    <p id="description" class="classDescription">This is a survey form to see how my page is</p>
<form id="survey-form">
<br>

    <div class="form">
        <label id="name-label" for="name">Name</label>
        <input id="name" type="text" required placeholder="Enter your name">
    </div>  
 
<br>
<fieldset> 
    <div class="form">
        <label id="email-label" for="email">Email</label>
        <input id="email" type="email" required placeholder="Enter your email">
    </div>
</fieldset>
<br>

    <div class="form">
        <label id="number-label" for="number">Age</label>
        <input id="number" type="number" required min="18" max="110" placeholder="Enter your age" rows="10">
    
    </div>

<br>
<fieldset>
    <div class= "form">
    <br>
        <label id="dropdown-label" for="dropdown">How was this experience</label>
    <select id="dropdown">
    <option>It was Easy</option>
    <option>It was okay</option>
    <option>It was really tough</option>
    </select>
    </div>
</fieldset>
<br>
<p>Would you try this experience again?</p>
<input type="checkbox" id="yes" name="experience" value="yes">
<label for="yes">yes</label><br>
<br>
<input type="checkbox" id="no" name="experience" value="no">
<label for ="no">no</label><br>
<br>
<fieldset>
    <p>How would you rate your experience?</p>
    <input type="radio" id="first" name="test" value=1>
    <label for="first">1</label><br>
    <input type="radio" id="second" name="test" value=2>
    <label for="second">2</label><br>
    <input type="radio" id="third" name="test" value=3>
    <label for="third">3</label><br>
    <input type="radio" id="fourth" name="test" value=4>
    <label for="fourth">4</label><br>
    <input type="radio" id="fifth" name="test" value=5>
    <label for="fifth">5</label><br>
</fieldset>
<fieldset>
<br>
    <div class="value-checkboxes">
    <label id="value-label" for="checkbox" name="valuecheckboxesgroup">How would you improve this webpage?<span style= "color:#7a7f86; font-size:15px"> (Select all that apply) </span></label>
    <input type="checkbox" value="good">Needs more CSS
    <input type="checkbox" value="good">Needs more HTML
    <input type="checkbox" value="none">Nothing is needed, looks fine as is
</div>
</fieldset>
<p>Leave any feedback below</p>
 <textarea cols="30" rows="5" id="textbox" name="feedback" value="feedback"  placeholder="feedback goes here"></textarea>
 <input type="submit" value="Submit" id="submit">
</form>
</body>
</html>
Editor is loading...