Tell us what’s happening:
Describe your issue in detail here.
trying to click run code to test it and nothing is happening
Your code so far
<!-- file: index.html -->
<link rel="stylesheet" href="styles.css">
<h1 id="title">Which Semi Is Best Survey</h1>
<p id="description">Which truck is king?</p>
<form id="survey-form">
<div class="input-element">
<label id="name-label">
Name
<input placeholder="Name" id="name" type="text" required></input>
</label>
</div>
<div class="input-element">
<label id="email-label">
Email
<input placeholder="Email" id="email" type="email" required></input>
</label>
</div>
<div class="input-element">
<label id="number-label">
Years Driving
<input placeholder="Years driven" id="number" type="number" min="0" max="100" required></input>
</label>
</div>
<div class="input-element">
<label id="select-label">
Which semi is best?
<select id="dropdown">
<option>Peterbilt</option>
<option>Kenworth</option>
<option>Freightliner</option>
</select>
</div>
<div class="input-element">
<label>Have you driven all of these trucks?</label>
</div>
<div>
<label><input type="radio" name="driven"></input>Yes</label>
</div>
<div>
<label> <input type="radio" name="driven"></input>No</label>
</div>
<div class="input-element">
<label>Do you prefer manual or automatic transmissions?</label>
</div>
<div>
<label><input type="checkbox" name="transmission" value="man"></input>Manual</label>
</div>
<div>
<label> <input type="checkbox" name="transmission" value="auto"></input>Automatic</label>
</div>
<div class="input-element">
<label>Additional comments</label>
<textarea type="text"></textarea>
</div>
<button type="submit" id="submit">Submit</button>
</form>
/* file: styles.css */
body {background-color: lightgrey;
text-align: center;
}
form {max-width: 500px;
text-align: left;
padding: 20px;
border: 1px solid black;
border-radius: 5px;
}
.input-element {margin: 15px;
display: flex;
flex-direction: collumn;
}
select{padding: 3px;
border-radius: 5px;
border: 1px solid black;
}
input {padding: 3px;
border-radius: 5px;
border: 1px solid black;
}
input[type="checkbox"] {width: 15px;
height: 15px;}
h1 {color: red;
}
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.3 Safari/605.1.15
Challenge: Survey Form - Build a Survey Form
Link to the challenge: