Tell us what’s happening: I am doing survey form using html and css.
submit button wont show on the survey form even though I have coded for it
Your code so far
<!DOCTYPE html>
<html>
<head>
<title>Survey</title>
<link rel="stylesheet" type="text/css" href="styles.css"/>
</head>
<body>
<h1 id="title"> freeCodeCamp Survey Form</h1>
<p id="description"> <em>Thank you for taking the time to help us improve the platform</em></p>
<form id="survey-form">
<fieldset>
<label id="name-label">Name <input type="text" id="name"placeholder="Enter name here"required/></label>
<label id="email-label"> Email<input type="email" placeholder="enter valid email" id="email" required/></label>
<label id="number-label"> Number<input type="number" value="" placeholder="Please chose your age" min="13" max="120" id="number"></label>
</fieldset>
<fieldset>
<label> Which options best describe your current role</label>
<select id="dropdown">
<option value="">select one<option>
<option value="1">Student</option>
<option value="2">Full Time Job</option>
<option value="3">Full Time Learner</option>
<option value= "4"> Prefer not to say</option>
<option value="5">Other</option>
</select>
</fieldset>
<fieldset>
<label> Would you recommend freecodecamp to a friend</label>
<label><input type="radio" name="recommend" class="inline" value="definitely"/>definitely</label>
<label><input type="radio" name="recommend" class="inline" value="maybe"/>Maybe</label>
<label><input type="radio" name="recommend" class="inline" value="not sure" />Not Sure</label>
</fieldset>
<fieldset>
<label>Would you like to pursue a career in software engineering</label>
<label><input type="radio" name="career" value="yes" class="inline"/>Yes</label>
<label><input type="radio" name="career" value="no" class="inline"/>No</label>
</fieldset>
<fieldset>
<label> What is your favorite feature of freeCodeCamp</label>
<select id="dropdown">
option value="">select one<option>
<option value="1">Challenges</option>
<option value="2">Projects</option>
<option value="3">Open Source</option>
<option value= "4">Community </option>
</select>
</fieldset>
<fieldset>
<label> What would you like improved? (Check all that apply)</label>
<label><input type="checkbox" name="f-end" value= "f-end"class="inline">Front-End Projects</label>
<label><input type="checkbox" name="b-end" class="inline" value="b-end">Back-End Projects</label>
<label><input type="checkbox" name="data-visualisation" class="inline"value=" data visualisation">Data Visualisation</label>
<label><input type="checkbox" name="challenges" class="inline"value="challenges">Challenges</label>
<label><input type="checkbox" name="Open source community" class="inline" value="Open source community">Open Source Community</label>
<label><input type="checkbox" name="gitter help rooms" value="gitter help rooms"class="inline">Gitter Help Rooms</label>
<label><input type="checkbox" name="videos" class="inline" value="videos">Videos</label>
<label><input type="checkbox" name="city meetups" class="inline" value="city meetups">City Meetups</label>
<label><input type="checkbox" name="wiki" value="wiki" class="inline">Wiki</label>
<label><input type="checkbox" name="forums" value="forum"class="inline">Forum</label>
</fieldset>
<fieldset>
<label>Add a comment <textarea name="suggestions" rows="3" cols="20" placeholder="Enter comment here" ><textarea/></label>
</fieldset>
<input id="submit" type="submit" value="Submit"/>
</form>
</body>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36
Challenge: Build a Survey Form
Link to the challenge: