Tell us what’s happening:
Hi everyone! I would like to know if I submit this project, will I be able to come back to it later to update and improve it? I have completed the requirements neede for submition but I am not completely happy with it yet. I would like to come back to it at a later stage after reviewing some key elements previously taught. Will that be possible?
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<title>Workshop Survey</title>
<link rel="stylesheet" href="styles.css">
<meta charset="utf-8">
</head>
<body>
<h1 id="title">Workshop Survey</h1>
<p id="description">Thank you for partaking in our workshop! Fill out this survey to help us improve the next one.</p>
<form id="survey-form">
<fieldset>
<label for="name" id="name-label">First Name:<input id="name" type="text" required placeholder="Input name here...">
</label>
<label for="surname" id="surname=label" class="name">Surname:<input id="surname" type="text" placeholder="Input surname here..."></label>
<Label for="number" id="number-label">Employee Number:<input id="number" type="number" min=0 max="100000" placeholder="Input employee number here...">
</label>
<label for="email" id="email-label">Email:<input id="email" type="email" required placeholder="Input email here..."></label>
</fieldset>
<fieldset>
<label for="employment">Which best describes your current employment</label>
<label for="employment">Select one</label>
<select id="dropdown" name="dropdown">
<option>Select one</option>
<option>Full Time Position</option>
<option>Part Time Position</option>
<option>Intern</option>
<option>Prospective Employee</option>
</select>
<label for="workshop">Would you attend more workshops we provide?</label>
<label for="definitely"><input type="radio" value="Definitely" name="workshop">Definitely</label>
<label for="probably"><input type="radio" value="Probably" name="workshop">Probably</label>
<label for="not-sure"><input type="radio" value="Not sure" name="workshop">Not sure</label>
<label for="not-likely"><input type="radio" value="Not likely" name="workshop">Not likely</label>
<label>What topics would you like to see in future workshops? </label>
<label><input type="checkbox" name="topics" value="personal-development">Personal Development</label>
<label><input type="checkbox" name="topics" value="stress-management">Stress Management</label>
<label><input type="checkbox" name="topics" value="workplace-safety">Workplace Safety</label>
<label><input type="checkbox" name="topics" value="conflict=management">Conflict Management</label>
<label><input type="checkbox" name="topics" value="critical-thinking">Critical Thinking and Proactiveness</label>
<label><input type="checkbox" name="topics" value="building-connections">Building Connections</label>
</fieldset>
<fieldset>
<label for="improvements">How can we improve our workshops in the future?</label>
<textarea rows="5" cols="40" placeholder="You can improve your workshops by..."></textarea>
<input id="submit" type="submit" value="submit">
</fieldset>
</form>
</body>
</html>
/* file: styles.css */
label { display: block;}
body { background-color: rgba(0, 97, 84, 0.5); }
h1 {font-family: Trebuchet MS; font-size: 35;}
p {font-family: Tahoma; font-size: 17; padding-bottom: 10px}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36
Challenge Information:
Survey Form - Build a Survey Form
