<!DOCTYPE html>
<html>
<head>
<title id="title">Bag Order Form</title>
</head>
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
<body>
<h1 id="title" class="title">Order Form</h1>
<p class="sub" id="description">Submit Your Order!</p>
<div class="form-div">
<form class="orderForm" id="survey-form" method="post">
<div class="row">
<div class="label" id="name-label">
<label id="name-label">Name:
</div>
<input class="inputs" placeholder="Full Name" name = "full-name" type="text" method="post" id="name" required >
</div>
<div class = "rows">
<div class="label" id="email-label">
<label id="email-label">E-mail:
</div>
<input class="inputs" id="email" placeholder="Enter a valid e-mail address" name="email" type="email" method="post" required>
</div>
<div class="row">
<div class="label" id="size-label">
<label id="size-label">Size:
</div>
<select class="inputs" id="dropdown" name="size" method="post" required>
<option value"size" disabled selected>Select a size.</option>
<option value="small">Small</option>
<option value="medium">Medium</option>
<option value="large">Large</option>
</select>
</div>
<div class="row">
<div class="label" id="number-label">
<label id="number-label">Number of Bags:
</div>
<input class="inputs" placeholder ="Max of 20 bags per order" type = "number" min="1" max="20">
</div>
<div class="row">
<div class="label"> How likely are you to recommend these bags to a friend?</div>
<div class="inputs">
<ul style="list-style:none;">
<li><input type="radio" value="1" name="radio"> Eh</li>
<li><input type="radio" value="2" name="radio"> Meh</li>
<li><input type="radio" value="3" name="radio"> Fa Sho</li>
</ul>
</div>
</div>
<div class="row">
<div class="label">Which of these would you say describe your time shopping on our site?</div>
<div class="inputs">
<ul style="list-style:none;">
<li><input type="checkbox" name="feels" value="1">Happy</li>
<li><input type="checkbox" name="feels" value="2">Unsure</li>
<li><input type="checkbox" name="feels" value="3">Satisfied</li>
</ul>
</div>
</div>
<div class="row">
<textarea class="inputs text-box" name="message" placeholder="Send us any special requests or comments!" method="post"></textarea>
</div>
<div class = "row">
<button class="inputs" name="submit" type="submit" id="submit" method="post">Place your order!</button>
</div>
</form>
</div>
</body>
</html>
Hello! First post here.
I am needing help with ensuring I pass the tests for the survey form project of the responsive web design section.
I have passed 11 of 17 tests however, from what I can tell from the test output, My code should be passing at least 3 of the other tests.
For example
<h1 id="title" class="title">Order Form</h1>
This is not passing the user Story requiring a string with the h1 tag and an id =“title”
Any help is greatly appreciated!