Survey Work
unknown
html
2 years ago
2.7 kB
5
Indexable
Never
<!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>