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.

Database System Concepts
7th Edition
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Chapter1: Introduction
Section: Chapter Questions
Problem 1PE
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.
Recommended textbooks for you
Database System Concepts
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
C How to Program (8th Edition)
C How to Program (8th Edition)
Computer Science
ISBN:
9780133976892
Author:
Paul J. Deitel, Harvey Deitel
Publisher:
PEARSON
Database Systems: Design, Implementation, & Manag…
Database Systems: Design, Implementation, & Manag…
Computer Science
ISBN:
9781337627900
Author:
Carlos Coronel, Steven Morris
Publisher:
Cengage Learning
Programmable Logic Controllers
Programmable Logic Controllers
Computer Science
ISBN:
9780073373843
Author:
Frank D. Petruzella
Publisher:
McGraw-Hill Education