Read ALL of the instructions carefully before starting the exercise! Dear Colleague, Earlier today I built my third website using HTML5. Based on what we had learned in Exercises 1 through 9, I wanted my website to try out four forms as shown in Figure 1 (below). However, after giving it my best effort, things once again didn’t turn out the way I wanted (see the code provided). I’ve been told that there are exactly 20 things wrong with the code. Can you help me spot all of the errors? Hint: You should not add ANY LINES to the code. There will never be more than one set of (or type of errors) per line. To complete this assignment, update only the file named c2_broken.html contained in the c2_broken directory. Also, create a MS Word file describing what you did. Specifically, create a bulleted list describing your improvements and be sure to include the line numbers. Save this second file as c2_notes_LastName.docx and add this file to the c2_broken directory. When done, rename c2_broken to c2_updated_lastnamefirstname and create a ZIP file of this folder. Submit the ZIP file to the Challenge 2 drop box in D2L. Respectfully, Your Anonymous Colleague. here's the code: For Four Forms Example Forms This page demonstrates four fully functional HTML forms. Form #1 A basic form with two text fields. First Name: Last Name: Form #2 A basic form with a drop-down menu. Please select your favorite radio station: Submit Form #3 A basic form with two radio buttons. Favorite radio station Please select your favorite radio station: KUSA WGN WUSA NPR BBC1 Favorite cable station Please select your favorite cable TV station: HBO Showtime Disney Channel Hallmark ESPN Submit Form #4 A basic form with two drop-down fields. Please select your favorite radio and cable station: Please select your favorite radio station: Please select your favorite cable TV station: Submit
Read ALL of the instructions carefully before starting the exercise!
Dear Colleague,
Earlier today I built my third website using HTML5. Based on what we had learned in Exercises 1
through 9, I wanted my website to try out four forms as shown in Figure 1 (below). However,
after giving it my best effort, things once again didn’t turn out the way I wanted (see the code
provided). I’ve been told that there are exactly 20 things wrong with the code. Can you help me
spot all of the errors?
Hint: You should not add ANY LINES to the code. There will never be more than one set of (or
type of errors) per line.
To complete this assignment, update only the file named c2_broken.html contained in the
c2_broken directory. Also, create a MS Word file describing what you did. Specifically, create a
bulleted list describing your improvements and be sure to include the line numbers. Save this
second file as c2_notes_LastName.docx and add this file to the c2_broken directory. When
done, rename c2_broken to c2_updated_lastnamefirstname and create a ZIP file of this folder.
Submit the ZIP file to the Challenge 2 drop box in D2L.
Respectfully,
Your Anonymous Colleague.
here's the code:
<!doctype html>
<html>
<head>
<title>For Four Forms</title>
</head>
<body>
<h1>Example Forms</h1>
<p>This page demonstrates four fully functional HTML forms.</p>
<h3>Form #1</h3>
<p>A basic form with two text fields.</p>
<form method="post" action="response.php">
<p>First Name: <input type="text" name="firstname" value="first name"></p>
<p>Last Name: <input type="text" name="lastname" value="last name"></p>
<button type="submit"></button>
</form>
<h3>Form #2</h3>
<p>A basic form with a drop-down menu.</p>
<form method="post" action="post">
<select name="stations">
<p>Please select your favorite radio station:</p>
<option value="KUSA">KUSA</option>
<option value="KUSA">WGN</option>
<option value="KUSA">WUSA</option>
<option value="KUSA">NPR</option>
<option value="KUSA">BBC1</option>
</select>
<button type="submit">Submit</button>
<form>
<h3>Form #3</h2>
<p>A basic form with two radio buttons.</p>
<form method="post" action="response.php">
<fieldset>
<legend>Favorite radio station</legend>
<p>Please select your favorite radio station:</p>
<input type="radio" name="radio" value="KUSA">KUSA
<input type="radio" name="radio" value="WGN">WGN
<input type="radio" name="radio" value="WUSA">WUSA
<input type="radio" name="radio" value="NPR">NPR
<input type="radio" name="radio" value="BBC1">BBC1
<legend>Favorite cable station</legend>
<p>Please select your favorite cable TV station:</p>
<input type="radio" name="radio" value="HBO">HBO
<input type="radio" name="radio" value="Showtime">Showtime
<input type="radio" name="radio" value="Disney">Disney Channel
<input type="radio" name="radio" value="Hallmark">Hallmark
<input type="radio" name="radio" value="ESPN">ESPN
</fieldset>
<button type="submit">Submit</button>
</form>
<form>Form #4</form>
<p>A basic form with two drop-down fields.</p>
<from method="post" action="response.php">
<fieldset>
<legend>Please select your favorite radio and cable station:</legend>
<select name="stations">
<p>Please select your favorite radio station:</p>
<option value="KUSA">KUSA</option>
<option value="WGN">WGN</option>
<option value="WUSA">WUSA</option>
<option value="NPR">NPR</option>
<option value="BBC1">BBC1</option>
</select>
<select name="stations">
<p>Please select your favorite cable TV station:</p>
<option value="HBO">HBO</option>
<option value="Showtime">Showtime</option>
<option value="Disney">Disney Channel</option>
<option value="Hallmark">Hallmark</option>
<option value="ESPN">ESPN</option>
</select>
<submit type="submit">Submit</button>
<fieldset>
</form>
</body>
</html>
Trending now
This is a popular solution!
Step by step
Solved in 4 steps
