How turn off autofill of input text?

Question

This is my code in laravel 5.8: i load 1 table and allow input:

 <td><input autocomplete="off" class="inputdata" name="userid" type="text" value="{{$row->userid}}" disabled="true"/></td>
     <td><input autocomplete="off" class="inputdata" name="email" type="text" value="{{$row->email}}"/></td>
     <td><input autocomplete="off"  class="inputdata"name="name" type="text" value="{{$row->name}}"/></td>
    <td><input autocomplete="off" class="inputdata" name="phonenumber" type="text" value="{{$row->phonenumber}}"/></td>
   <td><input autocomplete="off" class="inputdata" name="company" type="text" value="{{$row->company}}"/></td>

At Red Frame, it auto fill a value ( it is username)

I had add : autocomplete="off", but this can't resolve.

How turn off autofill of input text? I using Google Chrome.

check this answer https://stackoverflow.com/questions/15738259/disabling-chrome-autofill chrome (for some reason i don't know) sometimes ignores `autocomplete="off"` — ciekals11, Aug 23 '19 at 08:57
i try autocomplete="false", autocomplete="new-password", it still not ok. — D T, Aug 23 '19 at 09:08

score 1 · Answer 1 · answered Aug 23 '19 at 08:59

1

you have use jquery to off the autofill input text... **try this code using jquery and add all js and css i think you can get your answer very easily.. **

$( document ).ready(function() {
    $('input').attr('autocomplete','off');
});

or

$(document).ready(function(){
    $( document ).on( 'focus', ':input', function(){
        $( this ).attr( 'autocomplete', 'off' );
    });
});

or

$(document).ready(function(){
    $(':input').live('focus',function(){
        $(this).attr('autocomplete', 'off');
    });
});

answered Aug 23 '19 at 08:59

Vikas Katariya

4,703
3
7
28

thank you, but my problem autocomplete='off' is not working. – D T Aug 23 '19 at 09:02
i try autocomplete="false", it not ok. – D T Aug 23 '19 at 09:06
try this and send me your error screen shot. and you add jquery? you can get easily to use jquery try this one.. – Vikas Katariya Aug 23 '19 at 09:08
result the same with my image, it still auto fill to red frame. – D T Aug 23 '19 at 09:09
can you share screen shot plz – Vikas Katariya Aug 23 '19 at 09:10
image in my question – D T Aug 23 '19 at 09:12
i try autocomplete="false", it not ok. – D T Aug 23 '19 at 09:17

score 1 · Accepted Answer · answered Aug 23 '19 at 09:10

1

Try this advices:

 1. Add autocomplete="off" onto <form> (or try do it on <table>) 
    element;

 2. Add hidden <input> with autocomplete="false" as a first children
        element of the form.

answered Aug 23 '19 at 09:10

Alexander Groshev

139
11

Thank you, I had table into a form , add autocomplete="off" onto
, it is ok.
– D T Aug 23 '19 at 09:17

score 0 · Answer 3 · answered Oct 04 '19 at 06:11

0

//Just use this two line for text field and number field in your from footer.

$(document).ready(function() {

$('input[type=text]').attr('autocomplete','off');
$('input[type=number]').attr('autocomplete','off');

});

answered Oct 04 '19 at 06:11

Gm Farook

1
2

How turn off autofill of input text?

3 Answers3