I'm stuck at "learn accessibility by building a quiz" at step-21

HTML-CSS
#1 
<section role="region" aria-labelledby="student-info">
          <h2 id="student-info">Student Info</h2>
          <div class="info">
            <label for="student-name">Name:</label>
            <input id="student-name" type="text" placeholder="Student Name" />
          </div>
          <div class="info">
            <label for="student-email">Email:</label>
            <input id="student-email" type="email" />
          </div>
          <div class="info">
            <label for="birth-date">D.O.B.:</label>
            <input id="birth-date" type="date" />
          </div>
        </section>

This is my code and i can’t deal with this problem;

You should give the first input an appropriate name attribute.

#2

Did you try adding the name attribute to the input element?

#3

Yes i did. But i get the " Then, give the first input a placeholder attribute." explanation in wrong way. Just added the name attribute to first input. Thanks for your reply.

#4

All 3 input elements needs the name attribute and you have to give it a value as well.

Example:

<input type="password" name="password" id="password">

When I add the name attribute to all 3 elements and give them an value your code passes for me.

1 Like