I have a <input type="text" name="quantity" />
on my checkout form, and somehow Chrome thinks that this field is a credit card expiration month.
Once a user starts typing in his name (into another field), Chrome offers to fill in the CC info but when the user clicks on it, Chrome fills my quantity -<input>
with the expiration date.
I've tried every possible workaround including:
autocomplete="off"
(doesn't work in Chrome completely)autocomplete="new-password"
(doesn't work for CC-autocomplete)PS. if you're considering marking this question as "duplicate" please note that I specifically talk about credit-card autocomplete, not your usual autofill.
Click on "Settings." Choose "Privacy & Security." In the "Forms and Autofill" section uncheck the options for which you wish to disable Autofill. The system will automatically save your settings.
Now, tap on Settings and select Autofill forms/Autofill and payments. Now, you can edit or delete a credit card in Chrome: To edit the info: Simply tap the credit card and then tap on Edit.
View Saved Credit Card Numbers in Google ChromeChoose Settings. From the left pane, select Autofill. On the Autofill page, select Payment Methods. Your saved credit cards appear under Payment methods.
Add autocomplete="nope"
, to your input tag if you don't want it to auto-populate with anything. The browser will try to process it and since nope
is not an acceptable option for it the browser will give up on processing it.
See - https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion#Disabling_autocompletion.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With