Learn Accessibility by Building a Quiz - Step 14

HTML-CSS
1

Tell us what’s happening:
I’m totally stuck here, and the hints just say " You should give the action attribute a value of https://freecodecamp.org/practice-project/accessibility-quiz ."
I don’t really understand buttons (or know if this is supposed to be a button) and other solutions seem to have method:post which i don’t remember seeing before. If is has been introduced please could you let me know where so i can go back to it?
What am i doing wrong?
Thanks!

   **Your code so far**

/* file: index.html */
<!DOCTYPE html>
<html lang="en">
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <meta name="description" content="freeCodeCamp Accessibility Quiz practice project" />
   <title>Accessibility Quiz</title>
   <link rel="stylesheet" href="styles.css" />
 </head>
 <body>
   <header>
     <img id="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg">
     <h1>HTML/CSS Quiz</h1>
     <nav>
       <ul>
         <li><a>INFO</a></li>
         <li><a>HTML</a></li>
         <li><a>CSS</a></li>
			  </ul>
     </nav>
   </header>
   <main>
<form>
 <section></section>
   <section></section>
     <section></section>
     <button name="submit" action="https://freecodecamp.org/practice-project/accessibility-quiz">Submit</button>
</form>
   </main>
 </body>
</html>


/* file: styles.css */
body {
 background: #f5f6f7;
	color: #1b1b32;
	font-family: Helvetica;
	margin: 0;
}

header {
 width: 100%;
	height: 50px;
	background-color: #1b1b32;
	display: flex;
}

#logo {
 width: max(100px, 18vw);
	background-color: #0a0a23;
 aspect-ratio: 35 / 4;
	padding: 0.4rem;
}

h1 {
 color: #f1be32;
	font-size: min(5vw, 1.2em);
}

nav {
	width: 50%;
	max-width: 300px;
	height: 50px;
}

nav > ul {
	display: flex;
	justify-content: space-evenly;
}

   **Your browser information:**

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

Challenge: Learn Accessibility by Building a Quiz - Step 14

Link to the challenge:

2

hello and welcome to the forum.

In this exercise you are asked to:
create a form with three nested section elements. Then, make the form submit to https://freecodecamp.org/practice-project/accessibility-quiz

And below is your attempt for reference:

<form>
 <section></section>
   <section></section>
     <section></section>
     <button name="submit" action="https://freecodecamp.org/practice-project/accessibility-quiz">Submit</button>
</form>

I will now re-write the instructions for you to highlight where you have gone wrong (and right):

  • create a form :white_check_mark:
  • with 3 nested sections :white_check_mark:
  • make the form submit to “the-given-link” :x:

Now let’s break down that last step into some sub-steps:

  • add an action attribute as requested to a given URL :white_check_mark:
  • place that action attribute in the opening tag of the form :x:

Notice also that at no point in this exercise did they ask for a button element.

Hopefully this breakdown helps you move forward.

3

Thanks!
I think i was trying to make an input where you can send the form, rather than just a pathway for that to occur. I’ve got the solution now.
Edit: i’ve just looked back and this is definitely the first time ‘method/post’ is used in the RWD course

1 Like
4

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