Survey Form - Build a Survey Form

Tell us what’s happening:
Hello, how many of you who did this project actually got some .css work done?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html><link rel="stylesheet" href="styles.css"><html lang="en" charset="UTF-8">
<h1 id="title">Hogers Undersökning</h1>
<p id="description">Thank you for taking your time to help us improve</p>
<form id="survey-form">
  <label id="name-label"><input required id="name" type="text" placeholder="Name"> Name</input></label>
  <label id="email-label"><input placeholder="email" id="email" type="email" required> Email</input></label>
<label id="number-label"><input id="number" placeholder="age" type="number" min="1" max="90"> Age</label></input>
<label for="dropdown">Hur vet du ifall du är gay? <select id="dropdown">
    <option value="1">select secound options</option>
  <option value="2">i am gay</option>
  <label id="gay1"><input type="radio" value="gay" name="gay1"> Jag är inte små gay</input></label>
  <label id="gay2"><input type="radio" value="gay2" name="gay1"> Jag är gay</input></label>
  <label id="gay3"><input type="radio" value="gay3" name="gay1"> Jag är gay</input></label>
  <label id="improve">Vad skulle du vilja göra för att bli riktig gay?</label>
  <input type="checkbox" value="allt1"> Allt</imput>
  <input type="checkbox" value="allt2"> Allt</imput>
  <input type="checkbox" value="allt3"> Allt</imput>
  <input type="checkbox" value="allt4"> Allt</imput>
  <input type="checkbox" value="allt5"> Allt</imput>

<label>What would you pay to be extra gay</label>
<input id="submit" type="submit">

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

1 Like


I used some CSS with my Survey Project. Admittedly, not much, but a little bit.

With this survey, the fun thing is, you get to do it your way, as long as all of the requirements are met.
Mine look horrible when I first did it. But, I kept ( and keep) going back and update, or changing it completely.

Happy coding! :slight_smile:

Thanks for letting me know, did you also look back at some of the previous work that you’ve done to add it to your project?

1 Like

Though, we cannot change things in the lessons, I constantly am looking back and changing all of my projects. I do have my certification, again. But, I was silly and deleted my account completely a few times, and started from scratch.
For the record, I do not advise deleting your full account, unless you do not want it.

I find that I learn so much more on here all of the time. I like to read the response by everyone to learn more about the coding process.

I found a great link, yesterday, for beginners by one of the FCC staff and shared it in the General Subforum.

Happy coding! :slight_smile:

1 Like