Skip to content

Instantly share code, notes, and snippets.

@IASshaikh

IASshaikh/index.html

Created January 21, 2019 12:20
Show Gist options
  • Save IASshaikh/357c0c3e6b67af52f156c6b74278a449 to your computer and use it in GitHub Desktop.
Save IASshaikh/357c0c3e6b67af52f156c6b74278a449 to your computer and use it in GitHub Desktop.
Download ZIP
SurveyFormbyImran
Raw
index.html
<html lang="en">
<head>
<title>Survey Form</title>
</head>
<body>
<h1 id="title">Survey Form</h1>
<p id="description">Let us know how we can improve freeCodeCamp</p>
<form id="survey-form">
<table align="center" id="survey-table">
<tr>
<td class="td1class"><label id="name-label">*Name:</label></td><td><input type="text" id="name" placeholder="Enter Your name" required></td>
</tr>
<tr>
<td class="td1class"><label id="email-label">*Email:</label></td><td><input type="email" id="email" placeholder="Enter Your email" required></td>
</tr>
<tr>
<td class="td1class"><label id="number-label" >*Age:</label></td><td><input type="number" id="number" min="0" max="99" placeholder="Age"required></td>
</tr>
<tr>
<td class="td1class">which option best decribe your role?</td>
<td>
<select id="dropdown">
<option value="select an option" selected>Select an option</option>
<option value="student">Student</option>
<option value="full time job">Full Time Job</option>
<option value="full time learner">Full Time Learner</option>
<option value="prefer not to say">Prefer not to say</option>
<option value="other">Other</option>
</select></td>
</tr>
<tr>
<td align="top" class="td1class">*How likely is that you would recommend freeCodeCamp to a friend?</td><td><input type="radio" name="recommend" value="definitely" checked>Definitely<br>
<input type="radio" name="recommend" value="maybe">Maybe<br>
<input type="radio" name="recommend" value="notsure">Not sure<br>
</td>
</tr>
<tr>
<td class="td1class">What do you like most in FCC:</td>
<td>
<select id="dropdown">
<option value="select an option" selected>Select an option</option>
<option value="challenges">Challenges</option>
<option value="projects">Projects</option>
<option value="community">Community</option>
<option value="open source">Open Source</option>
</select></td>
</tr>
<tr>
<td class="td1class">Things that should be improved in the future
(Check all that apply):</td>
<td>
<input type="checkbox" id="Front-end Projects" name="Front-end Projects" value="Front-end Projects">Front-end Projects</input><br>
<input type="checkbox" id="Back-end Projects" name="Back-end Projects" value="Back-end Projects">Back-end Projects</input><br>
<input type="checkbox" id="Data Visualization" name="Data Visualization" value="Data Visualization">Data Visualization</input><br>
<input type="checkbox" id="Challenges" name="Challenges" value="Challenges">Challenges</input><br>
<input type="checkbox" id="Open Source Community" name="Open Source Community" value="Open Source Community">Open Source Community</input><br>
<input type="checkbox" id="Gitter help rooms" name="Gitter help rooms" value="Gitter help rooms">Gitter help rooms</input><br>
<input type="checkbox" id="Videos" name="Videos" value="Videos">Videos</input><br>
<input type="checkbox" id="City Meetups" name="City Meetups" value="City Meetups">City Meetups</input><br>
<input type="checkbox" id="Wiki" name="Wiki" value="Wiki">Wiki<br>
<input type="checkbox" id="Forum" name="Forum" value="Forum">Forum</input><br>
<input type="checkbox" id="Additional Courses" name="Additional Courses" value="Additional Courses">Additional Courses</input><br>
</td>
</tr>
<tr>
<td class="td1class">
Any Comments or Suggestions?
</td>
<td>
<textarea name="comment" form="survey-form">Enter your comments here...</textarea>
</td>
</tr>
</table>
<br>
<br>
<div class="buttonHolder">
<button type="submit" form="survey-form" value="Submit">Submit</button><br>
</div>
</form>
</body>
</html>
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
Raw
style.css
#title{
text-align:center;
}
#description{
text-align:center;
}
#survey-form{
align:center;
}
#survey-table{
--text-align:center;
}
#dropdown {
background: transparent;
}
#nname {
background: transparent;
}
.td1class{
align:"right";
text-align:right;
}
.buttonHolder{ text-align: center; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment