This is two parts, the first part is coding only with HTML, the second part is a
ID: 3914621 • Letter: T
Question
This is two parts, the first part is coding only with HTML, the second part is adding CSS to format
Create a single page that demonstrates an HTML form used for assignment demo scheduling site. Keep to the format in Figure 3. You are free to change text and choices. No CSS please. (Question #4 will have you practicing with CSS) Assignment 1 Demo Scheduling Student First Name Student LD Numbers Email Adidress email address Assignment to demo: Assignment Features completed Part 1 Part 11-Part III Demo dae: Demo tim Let's schedule the demo... Search Start over Figure 3. HTML form example Question 4 - Presentation (3 pts) Make a copy of your HTML page from Question #3 and add the following presentation formatting. All formatting must be defined in the head section of your document. 1. An image of your choice to the right or left of the top header (When the user clicks on the image it should take them to the URL where the image is from). It might be easier to include this part in a table with 2 columns so that the image is next to the header 2. The background of your page should be any color other than white 3. Each fieldset border color should be different and not black or grey 4. The legend of each fieldset should be same color as border of the fieldset it belongs to 5. The background color of each fieldset should be different and other than white 6. All prompt input field labels should be bolded (Student Name, Email Address, etc.)Explanation / Answer
Part_I Answer:
Copy and paste the below code in any text_editor (e:g Notepad, Notepad++, Sublime etc) and then save your file with .html extension and run your file.
<html>
<head>Html_Page</head>
<form>
<fieldset> \This basically creates the outline in your form
<legend>Student_information:</legend>
Student_name:<br>
<input type="text" name="Student_name" placeholder="First_Name"> <input type="text" name="Student_name" value="Last_Name"><br>
Student_Id:<br>
<input type="text" name="Student_Id" placeholder="Numbers_only"><br><br>
Email_Address:<br>
<input type="text" name="Email_Address" placeholder="email_address"><br><br>
</fieldset>
</form>
<form>
<fieldset>
<legend>Demo_information:</legend>
Assignment to demo:<br>
<input type="radio" name="Assignment_1" value="Assignment_1" checked> Assignment_1<br>
<input type="radio" name="Assignment_2" value="Assignment_2"> Assignment_2<br>
<input type="radio" name="Assignment_3" value="Assignment_3"> Assignment_3<br><br>
Features_Completed:<br>
<input type="checkbox" name="p1" value="Part1"> Part1<br>
<input type="checkbox" name="p2" value="Part2"> Part1<br>
<input type="checkbox" name="p3" value="Part3"> Part1<br><br>
Demo_data:<br>
<input type="date" value="mm/dd/yyyy"><br><br>
Demo_Time:<br>
<input type="time" value="--:-- --">
</fieldset>
</form>
Let's Schedule the Demo
<form>
<input type="Button" value="search">
<input type="Button" value="start_over">
</form>
</html>
Part_II Answer:
<!Doctype html>
<html>
<head>
<style>
body{background-color: pink;}
<img src="https://www.cleverfiles.com/howto/wp-content/uploads/2018/03/minion.jpg" alt="logo" />
<h1>My website name</h1>
fieldset {
border:#F00 9px solid;
background:#ffffcc;}
Legend{
color:#F00;
background:#ffffcc;}
</style>
</head>
<form>
<fieldset>
<legend>Student_information:</legend>
Student_name:<br>
<input type="text" name="Student_name" placeholder="First_Name"> <input type="text" name="Student_name" value="Last_Name"><br>
Student_Id:<br>
<input type="text" name="Student_Id" placeholder="Numbers_only"><br><br>
Email_Address:<br>
<input type="text" name="Email_Address" placeholder="email_address"><br><br>
</fieldset>
</form>
<form>
<fieldset>
<legend>Demo_information:</legend>
Assignment to demo:<br>
<input type="radio" name="Assignment_1" value="Assignment_1" checked> Assignment_1<br>
<input type="radio" name="Assignment_2" value="Assignment_2"> Assignment_2<br>
<input type="radio" name="Assignment_3" value="Assignment_3"> Assignment_3<br><br>
Features_Completed:<br>
<input type="checkbox" name="p1" value="Part1"> Part1<br>
<input type="checkbox" name="p2" value="Part2"> Part1<br>
<input type="checkbox" name="p3" value="Part3"> Part1<br><br>
Demo_data:<br>
<input type="date" value="mm/dd/yyyy"><br><br>
Demo_Time:<br>
<input type="time" value="--:-- --">
</fieldset>
</form>
Let's Schedule the Demo
<form>
<input type="Button" value="search">
<input type="Button" value="start_over">
</form>
</html>
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.