Question

In: Computer Science

I need assistance with the below HTML5 web programming assignment. Use as many question as you...

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.

  • Web Application Form Design: **I removed the URLs because I think we are not allow to included any third party web address****
  • 7 Common Web Form Design Mistakes to Avoid:
  • 10 Tips to a Better Form:
  • Sensible Forms:
  • Best Practices for Form Design:
  1. Load formdesign.html in Google Chrome and take a screenshot of the entire browser window
  2. Paste the screenshot in the green box

Solutions

Expert Solution

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>&copy; Copyright 2019</footer>
</body>
</html>

Output:


Related Solutions

Please use markup language HTML5 please. For this homework assignment, you will create a Web site...
Please use markup language HTML5 please. For this homework assignment, you will create a Web site made up of three different pages and links between those pages Index.htm The Web pages in a site should have a similar look-and-feel. For this site, you should create a simple menu as follows: Create a horizontal line across the very top and bottom of the page. Also on the home (Index) page, create links to the other two pages. The links should appear...
I need assistance finding studies as references for an assignment. These are the parameters I require:...
I need assistance finding studies as references for an assignment. These are the parameters I require: Topic: PTSD as a result of trauma. PUBLISHED 2014 or after Peer reviewed study One author is a RN Study conducted NOT in the following countries: China, Middle East, Russia, India I need TWO of these types of studies. Thanks in advance!
Use the Python programming language to complete below (I need the New Answer for this, and...
Use the Python programming language to complete below (I need the New Answer for this, and please provide the screenshot of the source code. Thank you!): A website requests an user to input his account password. Write a program to examize the validity of the password. The valid password must consists of: At least 1 letter in [a-z] At least 1 number in [0-9] At least a letter in [A-Z] (capital) At least one special letter in [$#@] At least...
Use the Python programming language to complete below (I need the New Answer for this, and...
Use the Python programming language to complete below (I need the New Answer for this, and please provide the screenshot of the source code. Thank you!): Write a function to seek for all even numbers and odd numbers in the middle of two number A and B. Print even and odd numbers in 1 and 2020 (including both these two numbers)
Hi, I need the HTML5 code for the below. About Me **Would like to add a...
Hi, I need the HTML5 code for the below. About Me **Would like to add a image of a plane or something related to travel here. Mia Jo I am taking this class to earn my Computer programmer CL1. Things I Like to Do: Spend time with family Traveling People Watch Places I Want to Go or Have Visited: Dubai- December'18 Enjoyed shopping and the desert safari the most. Cuba- August '18 Enjoyed learning about the culture and history. China-...
I need some assistance with the following assignment: Cron is a system daemon running in the...
I need some assistance with the following assignment: Cron is a system daemon running in the background helping you schedule and execute tasks such as system backups. In this lab you will learn how to schedule backups with user and system cron tables. Submit a report that lists the commands that you would use to accomplish the following tasks: Check the status of a cron daemon Stop and terminate a cron daemon Start and run a cron daemon Restart a...
I please need assistance with the following question " of this question partially answered: Question: Digital...
I please need assistance with the following question " of this question partially answered: Question: Digital Solutions, Inc., manufactures two component parts for the television industry:  Voltag... What price should Digital Solutions charge for the New Voltage Regulator, and what next steps should Digital Solutions take regarding the New Voltage Regulator? 7) Provide a recommendation given the case facts and your analysis. 8) Pay attention to detail within your answers in terms of spelling, grammar, and formatting.   see the...
The assignment: C++ program or Java You need to use the following programming constructs/data structures on...
The assignment: C++ program or Java You need to use the following programming constructs/data structures on this assignment. 1. A structure named student which contains:   a. int ID; student id; b. last name; // as either array of char or a string c. double GPA;    2. An input file containing the information of at least 10 students. 3. An array of struct: read the student information from the input file into the array. 4. A stack: you can use the...
The Question I am needing assistance with is in BOLD BELOW. I will include the other...
The Question I am needing assistance with is in BOLD BELOW. I will include the other aspects of this assignment for reference, as well as the table used/needed for these calculations. Option #1: Critical Thinking: Quality at A1 Hotels A1 Hotels operates luxury hotels throughout the world. Recently, motivated by some incidents that appeared in the news, they have been concerned about the quality of service. The company has been giving the following survey to its clients after their stay:...
Use the data below to answer the questions in this assignment. You will first need to...
Use the data below to answer the questions in this assignment. You will first need to enter the following data in SPSS with “age” and “hours” as your variable names. Age and Hours on Computer Data Age (X): 24, 23, 23,25,27, 21,21,30,21,29 Number of hours on spent on computer per week (Y): 14,24,18,23,19,23,16,10,6,15 This question is only being used to describe the data set. In the box below you only need to enter 0. Run a correlation analysis in SPSS...
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT