https://codepen.io/predd/pen/xxqPvOr?editors=1000

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
the tests are not recognizing my code in spite of me including the id=“name” and id=“email”

Your code so far

<body>
  <div>
    <h1 id="title"> Short Survey </h1>
    <p id="description"> Just some quick random questions</p>
  </div>
  <div>
    <form id="survey-form">
      <label for="name" id="name-label">Name:<label><br>
      <input type="text" id="name" placeholder="enter your name"/><br>
        <label for="email" id="email-label">Email:<label><br>
        <input id="email" type="email" placeholder="enter with @email.com"/><br>
          <label for="number" id="number-label">Number:</label><br>
        <input type="number" id="number" min=18 max=80 placeholder="num"><br>
          <label for="dropdown">Sex:<label>
          <select id="dropdown">
            <option>Male</option>
             <option>Female</option>
             <option>Other</option>
            </select><br>
            
      <input type="radio" value="less21" name="age">
      <label for="less21"> less than 21</label><br>
           <input type="radio" value="greater21" name="age">
             <label for="greater21"> greater than 21</label><br>
            <input type="checkbox" value="blue">
            <label for="blue">blue</label><br>
              <input type="checkbox"  value="green">
            <label for="green">green</label><br>
              <input type="checkbox" value="red">
            <label for="red">red</label><br>
            <label for="comments">Comments:</label><br>
              <textarea id="comments" rows="4" column="50"></textarea><br>
            <input type="submit" id="submit">
  </div>
</body>

Your browser information:

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

Challenge: Build a Survey Form

Link to the challenge:

2

In the future, please put in a descriptive title rather than a link that cannot be clicked.
Also, describe the issue you’re having. And since you will/should provide a link to your pen there is no need to include the code.

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 test says

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.
Name input field should be required : expected false to be truthy
AssertionError: Name input field should be required : expected false to be truthy

The test is telling you what it’s looking for.

3

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 (’).

4

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