5.1 Creating Duplicate Input Fields:
The login button initially does not trigger when we try to enter our ID
and password in the input fields of a replica of the M: y AUM portal’s
homepage; nevertheless, when we try to enter our ID and password without
the login button activating, it does. To solve the issue of not being
able to trigger the login button when entering the user id and password,
we decided to duplicate input fields underneath the original input
fields of the user id and password. Unless the login button is
triggered, we cannot post the user id and password details to our
domain.
Fig. 8 Illustrating the Multiple Input Fields
Html Style Elements:
We chose to resize the original input fields in the HTML file to make it
more realistic, like the original My aum web page, thus we added a few
lines of style elements to the original input fields.
Figure 9: Exhibits Adding Additional Style Elements Figure
Hidden Input Fields:
We were able to correctly conceal the empty fields after successfully
adding the extra style components to the original input fields.
Successfully concealing the empty input fields is shown in Fig. 10.