Browser [360 comprises a browser] autocomplete input box issues
Before doing a project, login screen input box is transparent, the effect is very good, always regrettable when 360 is automatically populated browser to access, due to the time of emergency, has not been able to solve, today occasionally has turned out, Baidu long time, repeatedly test are cool
[Invalid] Methods up in the following
Method 1. ReadOnly
HTML disposed Readonly, JS delay removal properties
without fruit, after removal of the input box acquired focus still autocomplete
2. Method target
HTML input boxes provided two targets, the display set to none, or JS extension hide
to no avail, as long as the target is not displayed automatically fills
3. heteroaryl legitimate
use with ReadOnly and target the product of combining two
still to no avail, as long as the target is not displayed automatically fills
[Effective] in conjunction with the above theory, coupled with her own attempt the morning, try the following methods
Proceed as follows
1. HTML setting the target input box, name at random, width and height are set to 0
<input id="username" type="text" style="width: 0px;height: 0px;">
<input id="password" type="password" style="width: 0px;height: 0px;">
2. HTML to set realistic input box ReadOnly
<input id="userNameInput" type="text" readonly="readonly" placeholder="请输入登录帐号"/>
<input id="passWordInput" type="password" readonly="readonly" placeholder="请输入登录密码"/>
3. JS delay the input box to remove the real property
$(function(){
setTimeout(function(){
$('#userNameInput').removeAttr("readonly");
$('#passWordInput').removeAttr("readonly");
},200);
})
[Summary] method to explore the process and some of the inaccurate perception
-
When the target input box with real input box exist, will give priority to real input box, with speculation about ID, but later changed the ID as usual
-
When the target input box with input box transactions exist, then the read-only real input box, the target input box will be filled
-
The above-described second case, the target Great hidden or directly display: After none, input box acquired real focus, will immediately be filled, but can be set to 0 instead of the width and height Hide
-
If not remove ReadOnly properties or premature extension performed, the target speculation is not filled with real input box Readonly was remove, there has been the case in the first
[Mark] under the principle of further research autofill
