Add reset button to the form, Onclick of reset it will clear the form and alert the user. Hands-on Project 1-4 Lecture Sample Work 2 Shipping Address Choose an address Home 1 Main St. Sicilia, MA 02103 Work 15 Columbine Ln. Crab City, MA 02104 Street Address City State Zip
Add reset button to the form, Onclick of reset it will clear the form and alert the user.
<!DOCTYPE html>
<html>
<head>
<!--
Get Elements Sample
-->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Hands-on Project 1-4</title>
<link rel="stylesheet" href="styles.css" />
<script src="modernizr.custom.05819.js"></script>
</head>
<body>
<header>
<h1>
Lecture Sample Work 2
</h1>
</header>
<article>
<h2>Shipping Address</h2>
<form>
<fieldset id="addroptions">
<legend><span>Choose an address</span></legend>
<label for="homeoption" id="homeaddr">
<span>Home</span><br/>
1 Main St.<br />
Sicilia, MA 02103
<input type="radio" id="homeoption" name="shippingaddr"
onclick="document.getElementById('streetinput').value = '1 Main St.';
document.getElementById('cityinput').value = 'Sicilia';
document.getElementById('stateinput').value = 'MA';
document.getElementById('zipinput').value = '02103';" />
</label>
<label for="workoption" id="workaddr">
<span>Work</span><br/>
15 Columbine Ln.<br />
Crab City, MA 02104
<input type="radio" id="workoption" name="shippingaddr"
onclick="document.getElementById('streetinput').value = '15 Columbine Ln.';
document.getElementById('cityinput').value = 'Crab City';
document.getElementById('stateinput').value = 'MA';
document.getElementById('zipinput').value = '02104';" />
</label>
</fieldset>
<fieldset id="contactinfo">
<label for="streetinput">
Street Address
<input type="text" id="streetinput" />
</label>
<label for="cityinput">
City
<input type="text" id="cityinput" />
</label>
<label for="stateinput">
State
<input type="text" id="stateinput" />
</label>
<label for="zipinput">
Zip
<input type="text" id="zipinput" />
</label>
</fieldset>
</form>
</article>
</body>
</html>
![Lecture Sample Work 2
Shipping Address
Choose an address
O Home
1 Main St.
Sicilia, MA 02103
O Work
15 Columbine Ln.
Crab City, MA 02104
Street Address
City
State
Zip](/v2/_next/image?url=https%3A%2F%2Fcontent.bartleby.com%2Fqna-images%2Fquestion%2Fd944ff72-2d66-483e-9f3a-35ffeab2f90f%2Fcaf803f3-28da-45e1-b80e-7445f5ca8baf%2Fh2ojmg9_processed.png&w=3840&q=75)
![](/static/compass_v2/shared-icons/check-mark.png)
Trending now
This is a popular solution!
Step by step
Solved in 2 steps with 2 images
![Blurred answer](/static/compass_v2/solution-images/blurred-answer.jpg)
![Database System Concepts](https://www.bartleby.com/isbn_cover_images/9780078022159/9780078022159_smallCoverImage.jpg)
![Starting Out with Python (4th Edition)](https://www.bartleby.com/isbn_cover_images/9780134444321/9780134444321_smallCoverImage.gif)
![Digital Fundamentals (11th Edition)](https://www.bartleby.com/isbn_cover_images/9780132737968/9780132737968_smallCoverImage.gif)
![Database System Concepts](https://www.bartleby.com/isbn_cover_images/9780078022159/9780078022159_smallCoverImage.jpg)
![Starting Out with Python (4th Edition)](https://www.bartleby.com/isbn_cover_images/9780134444321/9780134444321_smallCoverImage.gif)
![Digital Fundamentals (11th Edition)](https://www.bartleby.com/isbn_cover_images/9780132737968/9780132737968_smallCoverImage.gif)
![C How to Program (8th Edition)](https://www.bartleby.com/isbn_cover_images/9780133976892/9780133976892_smallCoverImage.gif)
![Database Systems: Design, Implementation, & Manag…](https://www.bartleby.com/isbn_cover_images/9781337627900/9781337627900_smallCoverImage.gif)
![Programmable Logic Controllers](https://www.bartleby.com/isbn_cover_images/9780073373843/9780073373843_smallCoverImage.gif)