Chrome auto-fill are filling the wrong text inputs

Question

I am coding a php website. My issue is really on the profile page. The auto-fill is putting my email address where I have an input for the street address. Here is an image of what I mean.

 <input type="text" name="txtstreetaddress" id="txtstreetaddress" placeholder="Street Address" tabindex="6" value="<?php echo $address ?>" style="font-family: 'Ubuntu';margin-top: -30px;font-size: 14px;height: 30px;width: 280px;" autocomplete="off" value="">

I also have the Form set to autocomplete="off"

Answer 1

You got to use autocomplete="false" instead of "off".

If this still does not work (what i don't expect) you can handle it by putting two fake-fields at the beginning of your form like the following ones:

<input style="display:none" type="text" name="fakeusernameremembered"/>
<input style="display:none" type="password" name="fakepasswordremembered"/>

Answer 2

check my answer here. https://stackoverflow.com/a/62943913/12332625

Use labels for the input fields. I think your problem is that you have 2 input fields on one line. <label for="email">Your email</label> etc. should fix your problem.

Like this:

<label for="txtstreetaddress">Street Address:</label> <input type="text" name="txtstreetaddress" id="txtstreetaddress" placeholder="Street Address" tabindex="6" value="<?php echo $address ?>" style="font-family: 'Ubuntu';margin-top: -30px;font-size: 14px;height: 30px;width: 280px;" autocomplete="off" value="">