automatically rendering/putting email and passwords whenever page reloads in JSX - html

While writing autocomplete in text field of email and password in login page, it is rendering or automatically putting email and passwords whenever page reloads
I haven't added functionality yet in login page. Only JSX part has been done now. I have uploaded whole code of login page in this screenshot.

The blue tint in the textfields suggests that your email and password have been saved to your browser and the browser is autofilling the email and password.
Try removing these credentials from your browser

Related

href is not recognized in email

I am trying to send a reset-password link to users email when they click forgot password in react-native app. The email is sent from Strapi using email template and includes the following code:
<p>click to reset password</p>
Reset password
The problem is that the link is not clickable in the email apps on either android nor ios. It just shows as text. However, when inspecting, the code in the email looks like:
<p>click to reset password</p>
Reset password
Is the problem the href url or is it a problem within the email providers that they don't support that kind of url?
This is a duplicate question and the solution is that "deep-links" are not widely supported in email providers. The solution is to use redirect using a normal link. For further reading see:
How to display iOS app's deep links on email as links

Chrome suggest password in login page

I have a web app that when I open it in chrome on my cellphone, it suggests generating password in the login page, like this.
The question is, how can I add some semantics to my html field that chrome just suggests strong password generation in registration page and not in login page.
See the autocomplete attribute.
Set it to current-password or new-password as applicable.

Hyperlink to email address

I'm trying to create a clickable email address which when clicked on, opens up the visitors' email application with the email address in the "send to".
I tried using:
mailto:emailaddress#whatever.com
It works well when the link is displayed on a mobile. It opens up the Gmail application. However, when I try to click on it on the web it does nothing.
Thank you!
Your link is valid.
mailto links are signal for your browser to open a default e-mail application.
Try specifying default E-Mail application in your OS or another browser.
P.S. Email Us also works well
That is possible, if your visitor has a default mail app on their computer. Same way as they have gmail/iosmail/anymailapp on their phone.

Firefox's password manager confuses site-wide login with any login fields inside the site

Let's say you have a site for saving your pets' credentials: you log in, then you can see your puppy's username/password and your kitten's username/password.
But in Firefox, if you choose to save your own logins just to get into the site, it will then auto-fill puppy's form and kitten's form with your credentials.
Chrome seems to behave correctly and Safari gives you the option (without automatically populating puppy/kitten's forms).
Is there something I can set on the forms so that browsers can differentiate them from the main site's login form?

What might be adding parameters to the URL?

I have a login form with username and password parameters. During development while refreshing the browser, on a few occasions I have seen my form parameters get put in the URL. This catches my attention since it's a username and password.
For example: http://localhost:8080/ui/?username=xxxxx&password=xxxxx#/login?redirectedFrom=%2Fsomewhere
However, I don't recall exactly what I did prior to this, and I am unable to reproduce it. I've seen it 3 times over a period of weeks.
Any ideas what might be causing the form parameters to be put in the URL?
I'm not sure if any of this is relevant, but I'm using angular with ui-router. The parameters are also parameters to POST, but I don't recall whether I submitted them. I think (although not sure) each time this has happened it was shortly after my login times out and I am redirected to the login page, which adds a ?redirectedFrom parameter. I'm using Chrome and it remembers and fills in the username/password inputs. Chrome developer tools is open. It might be after restarting the server. A browser refresh was done.
I believe you submitted the form again.
In login form always use POST action in your form tag, like this:
<form action="POST">
Don't press F5 to refresh your page after you submit the form. Click in your URL and enter again in your form page.