Survey Form, Issue with #10 and #11

HTML-CSS
1

Hi Everyone,

I am working on building a Survey form and I am having issues with :

User Story #10: For the name, email, and number input fields inside the form I can see corresponding labels that describe the purpose of each field with the following ids: id="name-label" , id="email-label" , and id="number-label" .

User Story #11: For the name, email, and number input fields, I can see placeholder text that gives me a description or instructions for each field.

After Styling in CSS I lost another point and I Cannot find out where.

I would be glad about any suggestions and help :grinning:
Thank you.

Challenge: Build a Survey Form

Link to the challenge:

2

4. Inside the form element, I am required to enter my name in a field with id=“name”. If I do not enter a name I will see an HTML5 validation error.

There should be an input text field with id=“name” : expected null to not equal null AssertionError: There should be an input text field with id=“name” : expected null to not equal null

This is what I see in your code:

    <label id=”name-label” for=”name” >Name:<br><br>
      <input  type=”text”
           id=”name”
           name=”name”
           placeholder="enter your name"
           required><br><br> </label>

Note your quotes. You have smart quotes there: ” HTML does not recognize those - it wants dumb quotes: ". Do you see the difference? Smart quotes slant. They get used in word processors and sometimes cut and paste will convert to them. In web dev, for code, you always need dumb quotes. When I fix those, that test passes.

1 Like
3

Thank you so much! I can´t believe that for a such tiny detail I was failing the text!

Have a great day. :slight_smile:

1 Like
4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.