Tell us what’s happening:
Describe your issue in detail here.
Your code so far
<!-- file: index.html -->
< link rel="stylesheet" href="styles.css">
<h1 id="title">Survey Form Project</h1>
<p id="description">Thank you freecodecamp for free learning of web development</p>
<form id="form">
<div class="input-element">
<label id="name-label">
Name
</label>
<input placeholder="name" id="name" type="email" required >
<div class="input-element">
</form>
<form id="email-label">
</div>
<label>
E-mail
</label>
<input placeholder="email" id="email" type="text" required>
</div>
<div class="input-element">
<label id="number-label">
Age
</label>
<input placeholder="age" id="age" min="16" max="80" type="number" required >
</div>
<div class="input-element">
<label id="select-label">
Who's is your favorite SuperVillain??
</label>
<select id="dropdown">
<option>Joker</option>
<option>Thanos</option>
<option>Deathstroke</option>
<option>The GreenGoblin</option>
</select>
</div>
<div>
<label>Do you like Marvel Movies??
</div>
<div>
<input type="radio" name="movie"/>Yes</label></div>
<div>
<label><input type="radio" name="movie"/>No</label>
</div>
<div>
<label>Suggestion of DC Movies</div>
<div><input type="checkbox" name="ideas" value="joker"/>
The Dark Knight</label>
</div>
<div>
<label><input type="checkbox" name="ideas" value="clark kent"/>Man of Steel</label>
</div>
<div>
<label><input type="checkbox" name="ideas" value="lex-luthor"/>Justice League</label>
</div>
<div>
<label>Additional comments</label>
<textarea type="text"></textarea>
</div>
<button type="submit" id="submit">
Submit
</button>
</form>
/* file: styles.css */
body {
background-color: lightblue;
}
Your browser information:
User Agent is: Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Mobile Safari/537.36
Challenge Information:
Survey Form - Build a Survey Form