Im having trouble with this and I use the freecodecamp app and the thing in the app to post stuff for help doesn’t work so I posted here. I don’t quite understand what the issue is cuz they have the same name attributes. If anyone has the time plz write me back, thank you! Here’s my code btw:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Survey Form</title>
</head>
<body>
<h1 id="title">Video Game Survey</h1>
<p id="description">This is a video game survey to find out your preference
when it comes to playing different types of video games.</p>
<form id="survey-form" action="submit" method="post">
<label id="name-label">Name:</label><input id="name" type="text" placeholder="Jane Doe" required>
<label id="email-label">Email:</label><input id="email" type="email" placeholder="example@mail.com" required>
<label id="number-label">Age:</label><input id="number" type="number" min="1" max="100" placeholder="1-100" required>
<label for="sex">What sex are you?</label>
<select id="dropdown" name="sex">
<option value="male">Male</option>
<option value="female">Female</option>
<option value="rather not say">Rather Not Say</option>
</select>
<fieldset>
<legend>What is your preferred device to play on?</legend>
<div>
<input type="radio" name=device" value="cellphone">
<label for="cellphone">Cellphone</label>
</div>
<div>
<input type="radio" name="device" value="console">
<label for="console">Console</label>
</div>
<div>
<input type="radio" name="device" value="computer">
<label for="computer">Computer</label>
</div>
</fieldset>
<fieldset>
<legend>How many hours in a day do you spend playing videogames?</legend>
<div>
<input type="radio" name="hours" value="1-3">
<label for="1-3">1-3</label>
</div>
<div>
<input type="radio" name="hours" value="4-6">
<label for="4-6">4-6</label>
</div>
<div>
<input type="radio" name="hours" value="7 or more">
<label for="7 or more">7 or more</label>
</div>
<fieldset>
<legend>What game types do you prefer?</legend>
<input type="checkbox" id="rpg" name="rpg" value="rpg">
<label for="rpg">RPG</label>
<input type="checkbox" id="adventure" name="adventure" value="adventure">
<label for="adventure">Adventure</label>
<input type="checkbox" id="puzzle" name="puzzle" value="puzzle">
<label for="puzzle">Puzzle</label>
<input type="checkbox" id="mmorpg" name="mmorpg" value="mmorpg">
<label for="mmorpg">MMORPG</label>
<input type="checkbox" id="role-playing" name="role-playing" value="role-playing">
<label for="role-playing">Role Playing</label>
<input type="checkbox" id="simulation" name="simulation" value="simulation">
<label for="simulation">Simulation</label>
</fieldset>
<textarea id="message" name="user-message" rows="5" cols="5">Thanks for taking our survey!</textarea>
<button type="submit">Submit</button>
</form>
</body>
</html>
