In order to access the (HLHC), a patron must login with a valid patron name and an eight-digit patron ID. An email address is also required if the patron wants email confirmation of any transaction.

The patron ID field should contain a eight-digit number and the email address must contain an @ and a period. If the input is not valid, alert the user to correct the particular error in the appropriate box. When the input is both validated and verified, alert the user with a simple welcome message that they have entered to system indicating the transaction chosen (Schedule a Class, Remove a Class etc)

Design the HTML interface. The interface should have two text fields, (for patron name and email address), a password field (for the patron ID), a checkbox for indicating an email confirmation is requested, a drop-down list allowing the patron to indicate what type of transaction they wish to do, and a button as input elements as shown in the figure below. Be sure to give each input element a unique name attribute.

PLEASEEEEEEEE HELPPPPPPP