Add the HTML to the form above so that it includes inputs for the visitor to enter the following details: their email address input should automatically validate the entered data when the form is submitted; input is required; must be linked to an input label; input includes placeholder text; input includes the name attribute for submitting the input's data to the server; their password the characters in this input should automatically be masked;  input is required; must be linked to an input label; input includes the name attribute for submitting the input's data to the server. Write a CSS rule that: makes all the labels and the inputs display as block elements, not inline elements. Write the CSS rules needed so that: the button's background colour changes when the mouse hovers over it. the change of state happens over a duration of time of 200ms.

Programming with Microsoft Visual Basic 2017
8th Edition
ISBN:9781337102124
Author:Diane Zak
Publisher:Diane Zak
Chapter1: An Introduction To Visual Studio 2017 And Visual Basic
Section: Chapter Questions
Problem 1E
icon
Related questions
Question

<form action="https://example.com/signup/">
<input type="submit" value="Sign up Today!">
</form>

Add the HTML to the form above so that it includes inputs for the visitor to enter the following details:

  • their email address
    • input should automatically validate the entered data when the form is submitted;
    • input is required;
    • must be linked to an input label;
    • input includes placeholder text;
    • input includes the name attribute for submitting the input's data to the server;
  • their password
    • the characters in this input should automatically be masked; 
    • input is required;
    • must be linked to an input label;
    • input includes the name attribute for submitting the input's data to the server.

Write a CSS rule that:

  • makes all the labels and the inputs display as block elements, not inline elements.

Write the CSS rules needed so that:

  • the button's background colour changes when the mouse hovers over it.
  • the change of state happens over a duration of time of 200ms.
Expert Solution
steps

Step by step

Solved in 5 steps with 4 images

Blurred answer
Knowledge Booster
Form and its Elements
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Similar questions
  • SEE MORE QUESTIONS
Recommended textbooks for you
Programming with Microsoft Visual Basic 2017
Programming with Microsoft Visual Basic 2017
Computer Science
ISBN:
9781337102124
Author:
Diane Zak
Publisher:
Cengage Learning
Np Ms Office 365/Excel 2016 I Ntermed
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:
9781337508841
Author:
Carey
Publisher:
Cengage
New Perspectives on HTML5, CSS3, and JavaScript
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:
9781305503922
Author:
Patrick M. Carey
Publisher:
Cengage Learning