Learn Accessibility by Building a Quiz - Step 36 - OfeqkGSOdFQTgeFJI5yGD

HTML-CSS
1

Hello everyone!

I hope you’re doing well.
I am on step 36 of building a Quiz and I think I followed the prompt to the word. I need your help to know what I am doing wrong.

The prompt :

(# Step 36

Within the first div.answer element, nest one required select element with three option elements.

Give the first option element a value of "", and the text Select an option. Give the second option element a value of yes, and the text Yes. Give the third option element a value of no, and the text No.)

The last hint given:

Hint

You should give the first option element a text content of Select an option.

The relevant part of the code:

<div class="answer">
              <select>
                <option value="">
                  Select an option
                  </option>
                  <option value="yes">
                    Yes
                  </option>
                  <option value="no">
                    No
                  </option>
              </select>
            </div>

Your browser information:

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

Challenge: Learn Accessibility by Building a Quiz - Step 36

Link to the challenge:

2

You need to add “required” attribute to the select tag.

3

Thank you. But It didn’t work. It wasn’t asked either.

4

It worked for me<select required> your content </select>

5 
<div class="answer">
              <select required>
                <option value="">
                  Select an option
                  </option>
                  <option value="yes">
                    Yes
                  </option>
                  <option value="no">
                    No
                  </option>
              </select>
            </div>

It didn’t for me :confused:

6

Paste the following code, that’s how I’ve written it

<div class="answer">
              <select required>
                <option value="">Select an option</option>
                <option value="yes">Yes</option>
                <option value="no">No</option>
                </select>
              
            </div>
1 Like
7

Thank You Fahim!

I didn’t copy your code but It lead me to know what I did wrong. Apparently I had put extra spaces before and after the text which might have made it look like it had extra characters that weren’t asked in the prompt.

2 Likes
8

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