Tell us what’s happening:
Nothing happens when I click “Run the tests”
Your code so far
<!-- file: index.html -->
<!DOCTYPE><html></html>
<head>
<link rel="stylesheet" href="styles.css"></head>
<h1 for="title">Survey Form</h1 id="title">
<p for="description" class="description">Fill out the survey</p id="descriptio">
<form for="survey-form">
<label for="name">name</label>
<input type="text" for="name" required placeholder="first and last name" class="name"></input id="name">
<p>
<label for="email">email</label id="email">
<input type="text" for="email" required placeholder="email address"></input id="email">
</p>
<p>
<label for="number">number</label id="number">
<input for="number" type="number" min="18" max="120" placeholder="age"></input id="number">
</p>
<p>
<label for="student">student</label id="student">
<select for="student">
<option value="yes">yes</option>
<option value="no">no</option>
</select id="student">
</p>
<p class="favorite">Favorite Food</p>
<p>
<label for="food">Pizza</label id="food">
<input type="radio" for="food" name="favorite food" value="Pizza"></input id="food">
<label for="food">French Fries</label id="food">
<input type="radio" for="food" name="favorite food" value="french fries"></input id="food">
</p>
<p class="favorite">Favorite Exercise</p>
<p>
<label for="exercise">Running</label id="exercise">
<input type="checkbox" for="exercise"></input id="exercise">
<label for="exercise">Swimming</label id="exercise">
<input for="exercise" type="checkbox"></input id="exercise">
<label for="exercise">Boxing</label id="exercise">
<input for="exercise" type="checkbox"></input id="exercise">
</p>
<p class="comments">Additional Comments</p>
<p>
<textarea form="survey form">Comment here</textarea>
</p>
<p>
<input type="submit" class="submit"></input>
</form id="survey-form">
/* file: styles.css */
h1 {background-color: #f7f6f5;
text-align: center;
color: teal;}
.name {margin-top: 10px; }
.description{font-weight: bold; text-align: center;}
.favorite {font-weight: bold; text-align: center; }
.comments {font-weight: bold; text-align: center}
.submit {margin-top: 10px; margin-bottom: 20px; margin-left: 150px; margin-right: 150px;}
form {background-color: orange;
}
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36
Challenge: Survey Form - Build a Survey Form
Link to the challenge: