I need something as simple as possible:
The aim of this practical activity is to create a page using basic HTML that contains three forms. The forms should contain the following information:
Form 1: Personal Information – A legend called “Personal Information” should be placed on the form and the form should contain labels and text boxes for a user to enter their “Name”, “Postal Address” and “Age”.
Form 2: Billing Information – A legend called “Billing Information” should be placed on the form and the form should contain a checkbox, a label and a text box. The Checkbox is to indicate whether the “Billing Address” is the same as the “Postal Address”. The Label and Text box are to describe the “Postal Address” of the user.
Form 3: Newsletter Subscription –A legend called “Newsletter Subscription” should be placed on the form. A radio button for Yes/No should be placed on the form to allow the user to indicate whether or not they would like to subscribe for a newsletter.
A “Submit” button should be placed on the webpage to allow the information to be sent to "emailaddress"
Test whether the checkbox is checked or not to use the same “Postal Address” as the “
Verify that what is entered in the “Age” field is actually a number and not text.
If the check box is checked then the “Postal Address” should be copied to the “
Billing Address” text field.
Modify the background colour(s) of the form(s).
Test whether the radio button is checked to subscribe for News
letters or not.
Test whether any of the text fields are empty.
Allow for input validation in your code so that it displays error messages within the page if any text field is left blank.
Use CSS so that the error messages use red text. Additionally use CSS to hide the error messages by default.