How do you disable input value on web form field / input tag?

Question

How do you disable the autocomplete functionality in the major browsers for a specific input (or form field)?

<input type="text" id="fullname" name="fullname" class="form-control" data-required="true" value="<?php echo $_POST['fullname']?>" >

When I open this form I see the value in this input even if I didn't insert any value.

no, its show me value when click submit, but before click submit its show me value, its must be empty — khalid ahmed, Aug 26 '14 at 00:34
I'm not sure I understand, but $_POST['fullname'] will be the value of the form when it's submitted so if you type something in and submit, it will keep that value in the form. — Sean, Aug 26 '14 at 00:43
If you are saying it should not have a value.... YOU ARE SETTING THE VALUE! If you do not want a value to be there, do not set it. — epascarello, Aug 26 '14 at 00:43
Remove value="" from your code and see if that does what you want. — Sean, Aug 26 '14 at 00:47
If you removed the value attribute, you may have a browser plugin or something automatically filling in the form. — Sean, Aug 26 '14 at 00:51

Yaje · Answer 1 · 2018-11-05T07:47:40.557

3

Just use the autocomplete attribute:

<input type="text" autocomplete="off"/>

"This would be useful when a text input is one-off and unique. Like a CAPTCHA input, one-time use codes, or for when you have built your own auto-suggest/auto-complete feature and need to turn off the browser default."

Source : CSS Tricks

edited Nov 05 '18 at 07:47

answered Aug 26 '14 at 00:33

Yaje

2,479
14
31

i do that but sitl have value – khalid ahmed Aug 26 '14 at 00:41

score 3 · Answer 2 · edited Nov 05 '18 at 05:53

3

I think adding autocomplete="off" would get you an error on most browsers, furthermore, autocomplete="off" is an invalid property.

Try to check the Mozilla Developer Documentation instead.

edited Nov 05 '18 at 05:53

Adriano

2,862
4
25
37

answered Aug 26 '14 at 00:44

Nooblike

140
1
10

@khalidahmed you can try putting autocomplete="off" in your form tag too – Oluwasayo Babalola Apr 22 '18 at 17:42

score 0 · Answer 3 · answered Oct 30 '19 at 16:46

You could generate a random string using javasript or php and add it to the end of an input name, maybe even use a delimiter to split it apart from the actual name.

In php, you could use something like the session_id for this and simply echo it to the end of the name.

<input type="text" autocomplete="off" name="example<?php echo "," . session_id()?>">

You can replace the "," with any delimiter of your choice, so long as it isn't alphanumeric. Then when processing the data submitted, you can remove it from the end of the actual name of the input field.

With a field name always being different, your browser cant autocomplete it.

Source: https://stackoverflow.com/a/218453/12251360

score 0 · Answer 4 · answered Dec 13 '19 at 09:38

Solution 1

<form name="form1" id="form1" method="post" 
          autocomplete="off" action="http://www.example.com/form.cgi">

This will work in Internet Explorer and Mozilla FireFox, the downside is that it is not XHTML standard.

Solution 2

The solution for Chrome is to add autocomplete="new-password" to the input type password.

Example:

<form name="myForm"" method="post">
     <input name="user" type="text" />
     <input name="pass" type="password" autocomplete="new-password" />
     <input type="submit">
</form>

Chrome always autocomplete the data if it finds a box of type password, just enough to indicate for that box autocomplete = "new-password".

This works well for me.

Note: make sure with F12 that your changes take effect, many times browsers save the page in cache, this gave me a bad impression that it did not work, but the browser did not actually bring the changes.

Solution 3

<input type="text" id="fullname" name="fullname" autocomplete="off" class="form-control" data-required="true" value="<?php echo $_POST['fullname']?>"  >

links

Solution 3 Reference : https://stackoverflow.com/a/25496311/6923146

Solution 2 Reference : https://stackoverflow.com/a/40791726/6923146

How do you disable input value on web form field / input tag?

4 Answers4