Browsers remember information which is submitted through <input fields on websites for the first time when we use that particular website in that browser. So another time when we again submit data on that website through that browser then there is a suggestion list of submitted values in that field. Many times this may create security issues for many cases.
Method 1: One of the known methods is to use autocomplete attribute to prevent browser to remember the password. In the input field, if we define autocomplete=”off” then many times the input value is not remembered by the browser.
<input type = "password" autocomplete="off">
Example: In many cases, if we don’t use the autocomplete=”off” property then the browsers give us suggestions of the input fields, like below
This is for password field, but also we get the suggestions for other fields except password., like below,
To prevent this kind of things use autocomplete=”off” property. see below code,
Now, there is no suggestions for fields are given.
In many modern browsers this attribute does not make any effect. So, in this case, if we use one more thing under the input field then this problem can be fixed.
<input type=”password” autocomplete=”off” readonly onclick=”this.removeAttribute(‘readonly’);” >
Here, readonly property sets or returns a boolean value if the field is read-only, or not, read-only field cannot be modified.
Method 2: Now another method by which we can use to remove the password, also other values from the form. The values are stored in the browser in the form of a cookie, so if the cookies are deleted then the password, as well as other values, also deleted. So only we have to add a function to delete the cookies.
Method 3: Another method of preventing browsers to remember password is, using autocomplete=”new-password”, by this the browser will give random password suggestions while filling the password field in any form. So the actual password will not be saved in the browser. The browser hides the actual password and showing rand suggestions all the time.
<input type = "password" autocomplete="new-password">
- How to Sign In with raw password when password store in the database are hashed form in Node.js ?
- How to compare password and confirm password inputs using express-validator ?
- How to prevent XSS with HTML/PHP ?
- How to prevent parents of floated elements from collapsing in CSS?
- How to prevent line breaks in the list of items using CSS?
- How to prevent text in a table cell from wrapping using CSS?
- How to prevent column break within an element?
- How to prevent inline-block divs from wrapping ?
- Prevent System from Entering Sleep mode in ElectronJS
- How to prevent dragging of ghost image ?
- How to prevent sticky hover effects for buttons on touch devices ?
- How to detect HTML 5 is supported or not in the browser ?
- HTML | DOM Input Password Object
- HTML | DOM Input Password type Property
- HTML | DOM Input Password value Property
- HTML | DOM Input Password defaultValue Property
- HTML | DOM Input Password autofocus Property
- HTML | DOM Input Password disabled Property
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to email@example.com. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.