this is what I have so far need help troubleshooting Lab 5 Part 1 Firstname Lastname: Email: Password: Part 2 Color Picker Legend Tag here: Background Chooser: Part 3 Firstname Lastname: Email: Password: Bio: Part 4 Upload Lab 5 Name: Submit
this is what I have so far
need help troubleshooting
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<h1>Lab 5</h1>
<h2>Part 1</h2>
</head>
<body bgcolor="Lightskyblue">
<br>
<br>
<form>
<label> Firstname </label>
<input type="text" name="firstname" size="15" /> <br> <br>
<label> Lastname: </label>
<input type="text" name="lastname" size="15" /> <br> <br>
Email:
<input type="email" id="email" name="email" /> <br>
<br> <br>
Password:
<input type="Password" id="pass" name="pass"> <br>
<br> <br>
</form>
<h2> Part 2</h2>
<form>
<fieldset>
<legend>Color Picker Legend Tag here:</legend>
<label for="color">Background Chooser:</label>
<input type="color" class="theme" id="color" />
</fieldset>
</form>
<script>
$("#color").change(function () {
$("body").css("background", $(this).val());
});
</script>
<h2>Part 3</h2>
<form>
<div>
<label> Firstname </label> <br>
<input type="text" name="firstname" size="15" required /> <br> <br>
<label> Lastname: </label> <br>
<input type="text" name="lastname" size="15" required /> <br> <br>
<label> Email: </label> <br>
<input type="email" id="email" name="email" required /> <br>
<br> <br>
</label> Password: </label> <br>
<input type="Password" id="pass" name="pass" required> <br>
<br> <br>
</label> Bio: </label> <br>
<textarea rows="5" cols="60" name="text" placeholder="Bio"></textarea>
</div>
</form>
<h2>Part 4</h2>
<!-- Solution part 4 -->
<fieldset>
<legend>Upload Lab 5</legend>
<formaction="https://www.sevanbadal.com/api/lab"method="post"enctype="multipart/form-data">
<div>
<labelfor="name">Name:</label>
<inputtype="text"name="full_name"id="full_name"placeholder="Sevan Golnazarian"
required>
</div>
<br>
<div>
<inputtype="file"name="lab_5"id="file"required>
</div>
<button>Submit</button>
</form>
</fieldset>
</body>
</html>
![Intro – Submission
Enter your name:
Enter your email:
Subscribe!
<form action="/some url/api/handler" method="POST">
<label for="full name">Enter your name:</label>
<input type="text" name="full name">
<label for="email">Enter your email:</label>
<input type="email" name="email">
<input type="submit" value="Subscribe!">
</form>](/v2/_next/image?url=https%3A%2F%2Fcontent.bartleby.com%2Fqna-images%2Fquestion%2F9b30a9a7-1aaa-4182-b707-7a9c9370a3fe%2F43d3d137-f758-4bcb-a796-2116927c2c3f%2F44w454_processed.png&w=3840&q=75)
![PART 4
Files
Setting Up
1. Add the following HTML after the formelement created in Part 3 of this lab
<h2>Part 4</h2>
Directions:
For this last section, we are going to create a form that interacts with a real server-side
application and that includes both client-side and server-side validation.
1. Create the following form using HTML in forms.html
-Upload Lab 5-
Name: Sevan Golnazarian
Choose File No file chosen
submit
2. This form must make a POST request to https://www.sevanbadal.com/api/lab
3. Use feedback from the server to correct attributes on your form elements
4. All inputs (other than the submit input) should be required on the client device
Hint: review slide 38 in week_5.pptx](/v2/_next/image?url=https%3A%2F%2Fcontent.bartleby.com%2Fqna-images%2Fquestion%2F9b30a9a7-1aaa-4182-b707-7a9c9370a3fe%2F43d3d137-f758-4bcb-a796-2116927c2c3f%2Fe320mfb_processed.png&w=3840&q=75)
![](/static/compass_v2/shared-icons/check-mark.png)
Step by step
Solved in 3 steps with 4 images
![Blurred answer](/static/compass_v2/solution-images/blurred-answer.jpg)
![Computer Networking: A Top-Down Approach (7th Edi…](https://www.bartleby.com/isbn_cover_images/9780133594140/9780133594140_smallCoverImage.gif)
![Computer Organization and Design MIPS Edition, Fi…](https://www.bartleby.com/isbn_cover_images/9780124077263/9780124077263_smallCoverImage.gif)
![Network+ Guide to Networks (MindTap Course List)](https://www.bartleby.com/isbn_cover_images/9781337569330/9781337569330_smallCoverImage.gif)
![Computer Networking: A Top-Down Approach (7th Edi…](https://www.bartleby.com/isbn_cover_images/9780133594140/9780133594140_smallCoverImage.gif)
![Computer Organization and Design MIPS Edition, Fi…](https://www.bartleby.com/isbn_cover_images/9780124077263/9780124077263_smallCoverImage.gif)
![Network+ Guide to Networks (MindTap Course List)](https://www.bartleby.com/isbn_cover_images/9781337569330/9781337569330_smallCoverImage.gif)
![Concepts of Database Management](https://www.bartleby.com/isbn_cover_images/9781337093422/9781337093422_smallCoverImage.gif)
![Prelude to Programming](https://www.bartleby.com/isbn_cover_images/9780133750423/9780133750423_smallCoverImage.jpg)
![Sc Business Data Communications and Networking, T…](https://www.bartleby.com/isbn_cover_images/9781119368830/9781119368830_smallCoverImage.gif)