What's new

Welcome to the forum 👋, Visitor

To access the forum content and all our services, you must register or log in to the forum. Becoming a member of the forum is completely free.

Having trouble with a label appearing before an input.

TacDowns

New member
Joined
Sep 10, 2024
Messages
1
Reaction score
0
I'm quite new to html and css and I'm having an issue with a label not appearing before an input. I've done the first set of lessons and am now on the certification project which is to make a survey form of my choosing. I have a few labels already which are appearing fine before the inputs they're id'ed to which is why I'm confused as to why my new label isn't showing now? any help is appreciated and as I've said I'm new to this so please go easy lol I'll paste my code below

<form id="survey-form">
<fieldset id="personal-details">
<label id="name-label" for="name">Enter Your First Name Here <input id="name" type="text" placeholder="John/Jane Doe" required />
<label id="email-label" for="email">Enter Your Email Here<input id="email" type="email" placeholder="johndoe123@example.com" required />
<label id="number-label" for="number">Enter Your Number Here <input id="number" type="number" placeholder="07123456789" required />
<label id="activision-id-label" for="activision-id">Enter Your Activision ID Here <input id="activision-id" required />
</fieldset>
<fieldset id="map-preferences">
<label id="dropdown1" for="favourite-core-map">What was your favourite Core map
<select id="favourite-core-map" for="favourite-core-map" required>
<option value="">(Select one) </option>
<option value="1">Derelict</option>
<option value="2">Scud</option>
<option value="3">Skyline</option>
<option value="4">Rewind</option>
</select>
<label id="dropdown2" for="least-favourite-core-map">What was your least favourite Core map
<select id="least-favourite-core-map" name="least-favourite-core-map">
<option value="">(Select one) </option>
<option value="1">Derelict</option>
<option value="2">Scud</option>
<option value="3">Skyline</option>
<option value="4">Rewind</option>
<label id="reason" for="reason" name="reason">Tell us why these maps were your favourite and least favourite maps <input id="reason" type="text">
</fieldset>
</form>
 

Theme customization system

You can customize some areas of the forum theme from this menu.

  • Wide/Narrow view

    You can control a structure that you can use to use your theme wide or narrow.

    Grid view forum list

    You can control the layout of the forum list in a grid or ordinary listing style structure.

    Picture grid mode

    You can control the structure where you can open/close images in the grid forum list.

    Close sidebar

    You can get rid of the crowded view in the forum by closing the sidebar.

    Fixed sidebar

    You can make it more useful and easier to access by pinning the sidebar.

    Close radius

    You can use the radius at the corners of the blocks according to your taste by closing/opening it.

  • Choose the color combination that reflects your taste
    Background images
    Color gradient backgrounds
Back