Building a survey form

HTML-CSS
1

Completed the html code for survey form and all the tests have passed, saved the code too but still not getting the tick mark of completion on the page

image
image993×429 17.4 KB

1 Like
2

Welcome to the FCC Forum!

If you are still having the problem, could you please post your completed codes using he </> at the top of this text area box, or the help that appears after three failed attemps at any step.

Thanks! Happy coding!

3

<

Survey phone

Survey Form

Thanks for your input in the survey, it means a lot! 😊

Name: Email: Number Option 1 
    <input type="radio" id="option2" name="options" value="option2">
    <label for="option2">Option 2</label>

    <input type="radio" id="option3" name="options" value="option3">
    <label for="option3">Option 3</label>

     <input type="checkbox" id="interest1" name="interests[]" value="music">
    <label for="interest1">Music</label>

    <input type="checkbox" id="interest2" name="interests[]" value="sports">
    <label for="interest2">Sports</label>

    <input type="checkbox" id="interest3" name="interests[]" value="movies">
    <label for="interest3">Movies</label>
<input type="submit" id="submit" value="Submit">
<textarea></textarea>
</form>
/>
4

You didn’t quite get your HTML pasted in here correctly. All of your HTML needs to be wrapped in triple back ticks. Follow the method below to do it correctly.

To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key. You may also be able to use Ctrl+e to automatically give you the triple back ticks while you are typing in the this editor and the cursor is on a line by itself. Alternatively, with the cursor on a line by itself, you can use the </> button above the editor to add the triple back ticks.

5 

<!Doctype HTML>
<html>
  <head>
<meta charset="utf-8">
<link rel="stylesheet" href="styles.css">
<title>Survey phone</title>
  </head>
  <body>
    <h1 id="title">Survey Form</h1>
    <p id="description">Thanks for your input in the survey, it means a lot! 😊</p>
    <form id="survey-form">
<label id="name-label"><input placeholder="Name" required id="name" type= "text">Name:</label>
<label id="email-label"><input placeholder="Email" required id="email" type= "email">Email:</label>
<label id="number-label"><input placeholder="Number" min="1" max="100" id="number">Number</label>
 <select id="dropdown" name="dropdown">
            <option value="option1">Option 1</option>
            <option value="option2">Option 2</option>
            <option value="option3">Option 3</option>
        </select>
          <input type="radio" id="option1" name="options" value="option1">
        <label for="option1">Option 1</label>

        <input type="radio" id="option2" name="options" value="option2">
        <label for="option2">Option 2</label>

        <input type="radio" id="option3" name="options" value="option3">
        <label for="option3">Option 3</label>

         <input type="checkbox" id="interest1" name="interests[]" value="music">
        <label for="interest1">Music</label>

        <input type="checkbox" id="interest2" name="interests[]" value="sports">
        <label for="interest2">Sports</label>

        <input type="checkbox" id="interest3" name="interests[]" value="movies">
        <label for="interest3">Movies</label>
    <input type="submit" id="submit" value="Submit">
    <textarea></textarea>
    </form>
  </body>
  </html>

thanks a lot. i dont know anything about this

6

Your HTML is not passing all of the tests for me.

“Your #number should have a type of number.”

1 Like
7

ohh finally done, thank you brother

2 Likes