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>
Step by step
Solved in 3 steps with 4 images
