Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I have added my input element with id of name but it keeps telling me to add it, please what’s wrong??
Your code so far

/* file: index.Ext.html */

<!DOCTYPE html>
<html Lang="en">
   <head>
      <meta charset="UTF-8">
      <link rel="stylesheet" type="text/CSS" href="styles.css">
      <title>Survey Form</title>
   </head>
   <body>
      <h1 id="title"> CODM Survey form</h1>
      <p id="description"> Thanks to Call of Duty Mobile players for participating in this survey</p>
      <form id="survey-form">
    <fieldset>
<label id="name" for="Name">Username</label><input id="name"/>
       <select id="dropdown" name="rank"><option value="">(Select one)</option>
        <option value="1">Rookie(I-V)</option>
        <option value="2">Veteran(I-V)</option>
        <option value="3">Elite(I-V)</option>
        <option value="4">Pro(I-V)</option>
        <option value="5">Master</option>
        <option value="6">Grandmaster</option>
        <option value="7">Legendary</option>
       </select>
    </fieldset>
    <fieldset>
      <legend>Do you enjoy playing CODM?(required)</legend>
      <label for="yes"><input id="Yes" name="enjoy_playing_CODM" class="inline" type="radio" checked>Yes</label>
      <label for="No"><input id="No" name="enjoy_playing_CODM" class="inline" type="radio">No</label>
    </fieldset>
    <fieldset>
      <label>Choose your Favourite weapon category;</label>
        <input type="checkbox" name="weapon_category" value="assault rifles">Assault Rifles
        <input type="checkbox" name="weapon_category" value="sniper rifles">Sniper Rifles
        <input type="checkbox" name="weapon_category" value="lmgs">LMGs
        <input type="checkbox" name="weapon_category" value="shotguns">Shotguns
        <input type="checkbox" name="weapon_category" value="smgs">SMGs
        <input type="checkbox" name="weapon_category" value="pistols">Pistols
    </fieldset>
      <label for="comments">Give your Feedback</label> 
      <textarea id="comments" name="comments" rols="4" cols="50"></textarea>
      <button id="submit" type="submit" value="submit">Submit</button>
  </form>
  </body> 
</html>
    

    
    
    
    

    



    


/* file: styles.Ext.css */

h1 { text-align: center; 
     margin: 1em auto; }

p { text-align: center;
    margin: 1em auto; 
    font-style: italic; }

fieldset { margin: 10px 0; 
           border-bottom: 2px solid transparent; 
           padding: 20px; 
           border: none; }

label { display: block; 
        margin: 0.5rem 0;}

input, textarea, select { padding: 0.5rem; 
        width: 100%; 
        border: 2px solid #333333; }

body { background-color: #FDFBD4; 
       weight: 100%; 
       height: 100vh;
       font-family: Tahoma;
       margin: 0;
       color: #1b1b32;
       font-size: 16px;}

button { background-color: lightgrey; }

form { padding-bottom: 2em;
       margin: 0 auto;
       width:  60vw;
       max-width: 500px;
       min-width: 300px;}

.inline { width: unset;
          vertical-align: middle;
          margin: 0.5em;
          display: inline; }

input[type="checkbox"]{ vertical-align: middle; 
                        margin: 10px;
                        border: 2px solid #8b8c89}

.checkbox-container { display: flex;
                      align-items: center;
                      gap: 15px; }

input[type="submit"] { display: block;
                       min-width: 300px; 
                       width: 60%;
                       height: 2em; 
                       margin: 1em auto;}

input, textarea { margin-bottom: 20px;

Your mobile information:

23106RN0DA - Android 13 - Android SDK 33

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

3

Hi there. Edit : The label’s for attribute value should starts with lowercase and id attribute value aren’t the same as requested in the challenge instructions. also check for other label elements as well in your code. Also you aren’t add the type attribute and value to the input element.

Instructions:
You should have a form element with an id of survey-form
Inside the form element, you are required to enter your name in an input field that has an id of name and a type of text