In: Computer Science
I need assistance with the below HTML5 web programming assignment.
Use as many question as you need to answer.
(c) Client Lab – Exploring Form Design (25 points)
The design of a form, such as the justification of the labels, the use of background colors, and even the order of the form elements can either increase or decrease the usability of a form. Visit some of the following resources to explore form design:
Because of the dynamics of web sites, the links provided may no longer be valid
Your Task
Create a web page, formdesign.html, that lists the URLs of at least two useful resources along with a brief description of the information you found most interesting or valuable. Design a contact form on the web page that applies what you’ve just learned in your exploration of form design.
HTML code:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Form Designing</title>
<meta charset="UTF-8">
<meta name="author" content="Name">
</head>
<body>
<ul>
<li><a
href="https://www.wikipedia.org/">Wikipedia</a></li>
<li><a
href="https://www.google.co.in/?hl=hi">Google</a></li>
</ul>
<h4>Contact us!</h4>
<form STYLE="background-color: #72A4D2; text-align: center"
action="/" method="post" target="_blank">
<label for="name">
Name:
<input placeholder="Contact Name" id="name"
type="text" name="contact-name">
</label><br/><br/>
<label for="email">
Email:
<input placeholder="Contact Email" id="email"
type="text" name="contact-email">
</label><br/><br/>
<label for="phone">
Phone:
<input placeholder="Contact Phone" id="phone"
type="text" name="contact-phone">
</label><br/><br/>
<label for="website">
Website:
<input placeholder="Contact Website" id="website"
type="text" name="contact-website">
</label><br/><br/>
<label for="message">
Message:
<textarea placeholder="Contact Message"
id="message" name="contact-message" rows="10"
cols="30"></textarea>
</label><br/><br/>
<input type="submit" value="Submit">
<input type="reset" value="Reset">
</form>
<footer>© Copyright 2019</footer>
</body>
</html>
Output: