Scribd
Upload
3K views

Build A Survey Form

survey form code

Uploaded by

basimzahidc208
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
3K views

Build A Survey Form

survey form code

Uploaded by

basimzahidc208
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 3

<!

DOCTYPE html>
<html lang="en">
<link rel="styles.css" href="styles.css">

<head>
<title> Survey Form </title>
<meta charset="utf-8">
<h1 id="title"> Freecodecamp Survey Form </h1>

</head>
<body>
<p id="description">Thank you for taking the time to help us improve the
platform
<form id="survey-form">

</p>

<form id="survey-form">
<div>
<label id="name-label" for="name" > Name: </label>
<input id="name" type="text" name="name" placeholder="Enter Your Name"
required>
</div>

<div>
<label id="email-label" for="email" > Email: </label>
<input id="email" name="email" type="email" placeholder="Enter Your Email"
required>
</div>

<div>
<label id="number-label" for="number" > Age (optional): </label>
<input id="number" name="age" type="number" min="10" max="99"
placeholder="Enter Your Age">
</div>

<div>
<label for="dropdown">Select an option:</label>
<select id="dropdown" name="options">
<option value="" disabled > Select Your Current Role </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>
</div>

<div>
<p> Would you recommend freeCodeCamp to a friend? </p>
<label> <input type="radio" name="frequency" value="definately" checked>
Definately </label>

<label> <input type="radio" name="frequency" value="maybe" > Maybe </label>

<label> <input type="radio" name="frequency" value="not sure" > Not Sure


</label>
</div>

<div>

<label id="dropdown" for="role"> What is your favorite feature of


freeCodeCamp? </label>

<select id="dropdown" name="role">


<option disabled> Select an option </option>
<option > Challenges </option>
<option > Projects </option>
<option > Community </option>
<option > Open source </option>
</select>

<div>

<p>What do you like about our services? (Select all that apply)</p>
<label> <input type="checkbox" name="preference" value="Front-end projects"> Front-
end projects </label>

<label> <input type="checkbox" name="preference" value="Back-end projects"> Back-


end projects </label>

<label> <input type="checkbox" name="preference" value="Data visualization"> Data


visualization </label>

<label> <input type="checkbox" name="preference" value="Challenges"> Challenges


</label>

<label> <input type="checkbox" name="preference" value="Open Source Community">


Open Source Community </label>

<label> <input type="checkbox" name="preference" value="Gitter help rooms"> Gitter


help rooms </label>

<label> <input type="checkbox" name="preference" value="Videos"> Videos </label>

<label> <input type="checkbox" name="preference" value="City Meetups"> City Meetups


</label>

<label> <input type="checkbox" name="preference" value="Wiki"> Wiki </label>

<label> <input type="checkbox" name="preference" value="Forum"> Forum </label>

<label> <input type="checkbox" name="preference" value="Additional Courses">


Additional Courses </label>

</div>

<div>

<label id="comments" for="comments"> Any comments or suggestions?</label>

<textarea id="comments" name="comments" placeholder="Enter Your Comment


Here..."></textarea>

</div>
<div>
<button type="submit" id="submit">Submit</button>
</div>
</form>
</body>

</html>

** end of undefined **

** start of undefined **

body{
font-family: Arial, sans-serif;
background-color: #f4f4f4;
color: #333;
text-align: center;
margin: 0;
padding: 20px;

h1{
margin-bottom: 20px;
}

** end of undefined **

You might also like