<p> tag not displaying. Please help!

Tell us what’s happening:

               <p>What are you health resolutions?<span class="clue">(Check all that apply)</span></p>

the line above is not displaying. please help.

thanks

Your code so far

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>

</head>

<style>

</style>

<body>

    <div id="form">

        <header class="header">

            <h1 id="title">Survey on your favorite activity</h1>

            <p id="description">How do you get your blood pumping</p>

        </header>

        <form id="survey-form">

            <div class="form-group">

                <label id="name-label" for="name">Name</label>

                    <input type="text" name="name" id="name" class="form control" placeholder="Enter your name" required>

            </div>

            <div id="form-group">

                <label id="email-label" for="email">Email</label>

                    <input type="text" name="email" id="email" class="form-control" placeholder="Enter your email" required>

            </div>

            <div id="form-group">

                <label id="number-label" for="age">Age<span class="clue"> (Optional)</span></label>

                    <input type="number" name="age" id="number" class="form-control" placeholder="Age" min="10" max="99" required>

            </div>

            <div id="form-group">

                <p>Which option best describes your current role?</p>

                <select id="dropdown" class="form-control" name="role" required>

                    <option value="student">Student</option>

                    <option value="job">Full Time Job</option>

                    <option value="learner">Full Time Learner</option>

                    <option value="preferNo">Prefer not to say</option>

                    <option value="other">Other</option>

                </select>

            </div>

            <div id="form-group">

                <p>Would you say excercice is good for you?</p>

                <label for="recommendation">

                    <input type="radio" name="user-recommendation" value="definetly" class="input-radio" checked/>Definetly</label>

                    <input type="radio" name="user-recommendation" value="definetly" class="input-radio"  />Maybe</label>

                    <input type="radio" name="user-recommendation" value="definetly" class="input-radio"  />Definetly Not</label>

                    <input type="radio" name="user-recommendation" value="definetly" class="input-radio"  />I Don't Know</label>

            </div>

            

            <div id="form-group">

                <p>Which is your favorite activity</p>

            

                <select id="dropdown" class="form-control" name="activity" required>

                    <option value="Walking">Walking</option>

                    <option value="Running">Running</option>

                    <option value="Mountain Biking">Mountain Biking</option>

                    <option value="Swimming">Swimming</option>

                    <option value="Farting">Farting</option>

            </div>

            <div id="form-group">

                <p>What are you health resolutions?<span class="clue">(Check all that apply)</span></p>

                <label>

                    <input type="checkbox" name="prefer" value="Stamina" class="input-checkbox" />Building Stamina

                </label>

                <label>

                    <input type="checkbox" name="prefer" value="Endurance" class="input-checkbox" />Building Endurance

                </label>

                <label>

                    <input type="checkbox" name="prefer" value="Strenght" class="input-checkbox" />Building Strenght

                </label>

                <label>

                    <input type="checkbox" name="prefer" value="Kick Ass" class="input-checkbox" />Kick Ass

                </label>

            </div>

            <div id="form-group">

                <p>Any comments or suggestions</p>

                <textarea name="comment" id="comments" class="input-textarea" placeholder="Enter Comments here"></textarea>

            </div>

            <div id="form-group">

                <button type="submit" id="submit" class="submit-button">submit</button>

            </div>

        </form>

    </div>

   

</body>

</html>

Your browser information:

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

Challenge: Build a Survey Form

Link to the challenge:

It’s because your code doesn’t contain

What are you health resolutions?(Check all that apply)

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.

See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

Note: Backticks are not single quotes.

markdown_Forums

you never closed your select element…
close that and try again

1 Like