Build a Job Application

HTML-CSS
1

Hi,

I’m currently working on the ‘Build a Job Application Form’ exercise as part of the CSS course and I’m struggling to identify where I’m going wrong with my HTML code. According to the tests I’m not meeting the criteria for Step 9 - You should associate every input element with a label element. I’ve been over my code multiple times and I can’t see which input isn’t associated with a label. Does anyone know where I’ve gone wrong here?

<meta charset="utf-8">

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

<title>Job Application Form</title>

<link rel="stylesheet" href="styles.css" />

<body>

    <div class="container">

        <form id="job-application">

            <h1>Job Application Form</h1>

            <label for="name">Full Name</label>

            <input type="text" id="name"></input>

                <br></br>

            <label for="email">Email Address</label>

            <input type="email" id="email"></input> 

                <br></br>

            <label name="position">Position</label>

            <select type="select" id="position">

                <option value="Operator">Operator</option>

                <option value="Supervisor">Supervisor</option>

                <option value="Engineer">Engineer</option>

                <option value="Administrator">Administrator</option>

            </select>

                <br></br>

            <fieldset class="radio-group">

                <legend>Availability:</legend>

                <label for="full-time">Full-time</label>

                <input type="radio" name="availability" value="full-time"></input>

                <label for="part-time">Part-time</label>

                <input type="radio" name="availability" value="part-time"></input>

            </fieldset>

                <br></br>

            <label for="message">Why do you want this job?</label>

            <textarea id="message" name="message" rows="5"></textarea>

                <br></br>

            <button type="submit">Submit Application</button>

        </form>    

    </div>

</body>
2

How are these associated? Also, input is a void element.

1 Like
3

I think I understand now, so the for=”XX” in the label element must always be associated with a id=”XX” in the input element? that step is showing clear now, so its working. Thanks for your help.