Survey Form Project - Not showing last <p> element?

Hi there!

I have become a bit stuck with the Survey Form project.

I get to last div class=“form-group” but the p doesn’t show up in my console (Firefox)

:frowning:

First time post and asking for help so bear with me if the post isn’t displayed correctly!

Thank you in advance

Here is the code

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet"
    type="text/css"
    href="style.css"
    href="https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300&display=swap" rel="stylesheet">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Survey Form</title>
</head>
<body>
    <header class="header">
    <h1 id="title"> Milner Street Eligibility Form </h1>
        <p id="description">Please complete this short survey to assess your eligiblity to live on Milner Street</p>
        </header>
        <form id="survey-form">
            <div class="form-group">
                <label id="name-label" 
                       for="name">Name:</label>
                <input 
                type="text" 
                id="name" 
                name="name"
                class="form-control"
                placeholder="Enter your name"
                />
            </div>
            <div class="form-group">
                <label for="email"
                       id="email">Email address</label>
                <input 
                type="email" 
                id="email" 
                name="email"
                class="form-control"
                placeholder="Enter your Email"
                required
                />
            </div>
            <div class="form-group">
                <label id="number-label" for="number"
                >Age<span class="clue">(optional)</span></label
                >
                <input 
                    type="number"
                    name="age"
                    id="number"
                    min="10"
                    max="99"
                    class="form-control"
                    placeholder="Age"
                />               
            
            
            
            
            </div>
            <div class="form-group">
                <p>Which is your favourite all-time games console?</p>
            <select id="dropdown" name="console" class="form-control"
                required>
                <option disabled selected value>Select your favouirte console</option>
                <option value="nes">Nintendo NES</option>
                <option value="megadrive">Sega Mega Drive</option>
                <option value="snes">Super Nintendo</option>
                <option value="ps1">Playstation 1</option>
                <option value="n64">Nintendo 64</option>
            </select>
            </div>
            <div class="form-group">
                <p>Which is your favourite video character?</p>
                <select id="dropdown" name="character" class="form-control" 
            required>
                <option disabled selected value>Select favourite character</option>
                <option value="mario">Mario</option>
                <option value="sonic">Sonic</option>
                <option value="link">Link</option>
                <option value="laracroft">Lara Croft</option>
            </div>
            <div class="form-group">
                <p>How many times a week do you play video games?</p>
                
                <label>
                    <input
                    name="user-recommend"
                    value="3timesaweek"
                    type="radio"
                    class="input-radio"
                    checked
                    />3 Times a week</label>

                <label>
                    <input
                    name="user-recommend"
                    value="onceaweek"
                    type="radio"
                    class="input-radio"
                    />Once a week</label>

                <label>
                    <input
                    name="user-recommend"
                    value="none"
                    type="radio"
                    class="input-radio"
                    />Not Sure</label>          
            </div>
        </form>
            

            
</body>
</html>
1 Like

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.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

2 Likes

Welcome to the forums @kevinwalters211286. When you copied the code over you missed closing the second select element.

Thank you for correcting this :+1:

Thank you! Just came back on and this sorted it out.