Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Your code so far
“name-label”>
You should have a label element with an id of name-label.

<!-- file: index.html -->
<link rel="stylesheet" href="styles.css"> class="input-element" 
<h1 id="title"> how can NBA improve their entertainment value? </h1>
<p id= "description"> thank you for taking the time to help the NBA improve</p>
<form id=" survey-form">
  <div class="input-element">
    <labal id="name-label" >
     Name
    </labal>
    <input placeholder="name" id="name"type="text"required/</div> 
<div class="input-element">
    <labal id="email-label">
     Email
    </labal>
    <input placeholder="email"id="email"type="email"required/>
   </div> 
   <div class="input-element">
    <labal id="number-label">
     Age
    </labal>
    <input placeholder="age" id="age"min="5" max="100" type="number" required/>
   </div> 
    <div class="input-element">
    <labal id="select-label">
     who's your favourite team?
    </labal>
    <select id="dropdown" >
      <option>bucks</option>
        <option>Timberwolves</option>
          <option>lakers</option>
    </select>
   </div> 
   <div class="input-element" >
     <label>Have you been to a game before?</label>
     <div>
<label><input type="radio"name="game">Yes</label>
</div>
<div>
<lable><input type="radio"name="game">No</label>
</div>
  </div>
   <div class="input-element">
     <label>which suggestion are good ideals for the NBA toimplemant?</label>
     <div>
<label><input type="checkbox"name="ldeas"value="playin"/>playing game</label>
</div>
<div>
<lable><input type="checkbox"name="ldeas"value="ticketer" />Cheaper ticketer</label>
</div>
<div>
<lable><input type="checkbox"name="ldeas"value="food" />Cheaper food</label>
</div>
<div>
<lable><input type="checkbox"name="ldeas"value="calls" />less ref calls</label>
</div>
<div>
<lable><input type="checkbox"name="ldeas"value="super team" />super team</label>
 </div>
</div>
<div class="input-element">
  <label> Additonal comments </label>
  <textarea type= "text"></textarea>
  </div>
  <button type="submit" id="submit">
    submit
    </button>

   </form>

/* file: styles.css */
body{
  background-color: lightblue;
  text-align: center; 
}
form{
  max-width: 500px;
  text-align: left;
  padding: 20px;
  border: 2px solid black;
  border-radius: 10px;
}
input{
  padding:5px;
  border: none;
  border-redius: 5px;
}
input-element {
  display: flex;
  flex-radius: column
  margin: 10px;
}
salect{
  padding:5px;
  border: none;
  border-redius: 5px;
}
input{type="checkbox"} {
  width: 15px;
  height: 15px;
}

Your browser information:

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

You have misspelled label in your label tags

 <labal id="name-label" >
     Name
    </labal>
3

I would suggest going back through your code because there a lot of misspellings for the label element. Should go back and look at everyone, also the challenge is failing a lot of the tests. There is too much to go through every test. Is there something we can help explain about the tests in the challenge that might make them make more sense?

4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.