Assistance Figuring Out Why Product Landing HTML Form Not Submitting Email

HTML-CSS
1 
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Product Landing Page</title>
    <link rel="stylesheet" href="app.css">

</head>

<div class="headContainer">
    <header id="header">

        <nav id="nav-bar">
            <ul>
                <div class="logoContainer">
                    <li class="nav-link"><img src="images/editedlogocabo.png" alt="" id="header-img"></li>
                </div>
                <div class="navContainer">
                    <li class="nav-link"><a href="#">Rental</a></li>
                    <li class="nav-link"><a href="#">The Area</a></li>
                    <li class="nav-link"><a href="#">Pricing</a></li>
                </div>
            </ul>
        </nav>

        <script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
    </header>
</div>

<body>
    <div class="formContainer">
        <h1 id="form-title">Luxury Downtown Living at Affordable Prices</h1>
    </div>
    <form action="https://www.freecodecamp.com/email-submit" id="form" class="form">
        <label for="email"></label>
        <input type="email" id="email" placeholder="Enter your email address" method="GET">
        <input type="submit" id="submit">
    </form>

    <div class="videoContainer">
        <iframe id="video" width="560" height="315" src="https://www.youtube.com/embed/FzmkXhP36Fk"
            title="YouTube video player" frameborder="0"
            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
            allowfullscreen></iframe>
    </div>
</body>
<footer>
    <!--<div>Icons made by <a href=" https://www.flaticon.com/authors/monkik" title="monkik">monkik</a> from <a
            href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a></div>-->
</footer>

</html>

Hey all, there is my above code.

Been hitting my head against the wall the last couple days but can’t get this part completed yet. The form action and the Label For were my best ideas.

Right now, when I submit it goes to the Email Submit page but no indication it is storing the email. Step 12 is a fail.

Can anyone tell me why Step 12 is failing?

Thanks,

V

2

There is no “storing”. It’s just a submit to the server.

3

It would help if you linked to your code so we can check it. However if you press the little red button it should give you a fairly detailed explanation of why something is failing. Read through the explanation carefully and see if that makes things clearer

4

CodePen is down so I’ve linked the HTML in the first post. is that not visible to you?

5

Upon rereading this tip I was able to find the answer myself. Was missing the Name attribute to go with the Label For. Thanks!

6

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