Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

  1. All your radio buttons should have a value attribute and value.
  2. All your checkboxes inside #survey-form should have a value attribute and value.
    All searches I can find related to the same issues are from people that haven’t put values, but I have, so I’m not sure what I’m doing wrong. Any help or hints would be appreciated

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
  <title> Stardew Valley Survey Form </title>
  <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
  <h1 id="title"> Stardew Valley Survey Form </h1>
  <p id="description"> Welcome to the Stardew Valley survey form. Here, you will be asked a series of questions. </p>
<form id="survey-form">
  <fieldset>
    <div class="name-label"> <label id="name-label" for="name">Please enter your name: <input id="name" type="text" placeholder="Name" required></label> </div>
    <div class="email-label"> <label id="email-label" for="email">Please enter your email address: <input id="email" type="email" placeholder="name@email.com" required></label> </div>
    <div class="username-label"> <label id="username-label" for="username">Please enter your username: <input id="username" type="text" placeholder="Username" required></label> </div>
<div class="number=class"> <label id="number-label" for="number">Please enter your age: <input id="number" type="number" min="10" max="120" placeholder="Age" required></label> </div>
</fieldset>
<fieldset>
<label for="dropdown">What console do you play on? <select id="dropdown" type="dropdown" name="console">
  <option value=" ">(select one)</option>
  <option value="1">PC</option>
  <option value="2">Nintendo Switch</option>
  <option value="3">Xbox</option>
  <option value="4">Playstation</option>
  </select>
  </label>
  </fieldset>
  <fieldset>
  <legend>What is your favorite thing to do?</legend>
  <label for="mine" value="1"><input id="mine" type="radio" class="inline" name="play-style" checked>Working in the mines</label>
  <label for="farm" value="2"><input id="farm" type="radio" class="inline" name="play-style">Planting crops</label>
  <label for="ranch" value="3"><input id="ranch" type="radio" class="inline" name="play-style">Tending animals</label>
  <label for="social" value="4"><input id="social" type="radio" class="inline" name="play-style">Talking to the townspeople</label>
  </fieldset>
  <fieldset>
<legend>Who is you favorite character among these?</legend>
<label for="character" value="1"><input id="character" type="checkbox" class="inline" name="character">Emily</label>
<label for="character" value="2"><input id="character" type="checkbox" class="inline" name="character">Shane</label>
<label for="character" value="3"><input id="character" type="checkbox" class="inline" name="character">Sebastian</label>
<label for="character" value="4"><input id="character" type="checkbox" class="inline" name="character">Elliot</label>
</fieldset>
  <fieldset>
<label for="comments">Tell us about your favorite things to do in Stardew Valley!
  <div><textarea id="comments" rows="3" cols="30" placeholder="I like gifting items to townspeople."></textarea></div>
  </label>
  <label>
    <input id="submit" type="submit" value="Submit" /></label>
    </form>
    </body>
    </html>

/* file: styles.css */
html {
  background-color: #48CAE4;
  font-family: Lucida Console;
  font-size: 12px;
}

body {
  background-color: #0096C7;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:138.0) Gecko/20100101 Firefox/138.0

Challenge Information:

Survey Form - Build a Survey Form

2

Please 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

are you sure the value attribute is in the right place?

also please do not give the same id to multiple elements