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.