Please help me with the Survey Form

HTML-CSS
22

Hello there.

Do you have a question?

If so, please edit your post to include it in the Tell us what’s happening section.

Learning to describe problems is an important part of learning how to code.

Also, the more information you give us, the more likely we are to be able to help.

When a test fails click the red button to see which test(s) are failing and text to help you correct the issue.

  • Be sure and read more than just the first line of the failing message. The ability to read and comprehend error messages is a skill you’ll need to acquire as a developer. Ask questions on what you don’t understand.

The first failing message says

I can see a short explanation with id="description" in P sized text.
#description should be in P sized text : expected 'DIV' to equal 'P'
AssertionError: #description should be in P sized text : expected 'DIV' to equal 'P'

Do you understand what the test is looking for?

23

hi could you help me with this

24

The placeholder attribute in your name input should have a placeholder=“1” or something else and right now it’s

 <input type="number" name="Number" id="number"
 min="21" max="70" placeholder>

as you can see you do not have a value set to it yet.

the next problem is in your radio buttons. which it seems like you dont have any. add some radio buttons and the make them one radio group that should solve your problem ! :slight_smile:

1 Like
25

OK …NOW in this 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. i dont understand.look

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

  <label id="email-label" for="E-mail">E-mail:</label><br>
  <input type="email" name="E-mail" id="email" placeholder="sweet@gmail.com" required><br><br>
      
       <label id="number-label" for="Number">Number:<label><br>
  <input type="number" name="Number" id="number" min="21" max="70" placeholder><br><br>
26

There’s no value given to your paceholder attribute for number input

<input type="number" name="Number" id="number" min="21" max="70" placeholder>

ps using <br> for spacing is a bad practice, use css margin/padding

1 Like
27

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

28

As stated previously, click the red button to see which test(s) are failing and text to help you correct the issue.

  • Be sure and read more than just the first line of the failing message. The ability to read and comprehend error messages is a skill you’ll need to acquire as a developer. Ask questions on what you don’t understand.

The failing message says

For the name, email, and number input fields, I can see placeholder text that gives me a description or instructions for each field.'
The number input field's placeholder attribute should have some text for its value : expected 0 to be above 0
AssertionError: The number input field's placeholder attribute should have some text for its value : expected 0 to be above 0

Notice that the message tells you what it’s looking for and why it’s failing.

29

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