untuk pelengkapan otomatis, Anda dapat menggunakan:
<form autocomplete="off">
tentang masalah pewarnaan:
dari tangkapan layar Anda, saya dapat melihat bahwa webkit menghasilkan gaya berikut:
input:-webkit-autofill {
background-color: #FAFFBD !important;
}
1) karena # id-styles bahkan lebih penting daripada gaya .class, berikut ini mungkin berhasil:
#inputId:-webkit-autofill {
background-color: white !important;
}
2) jika itu tidak berhasil, Anda dapat mencoba mengatur gaya melalui javascript secara terprogram
$("input[type='text']").bind('focus', function() {
$(this).css('background-color', 'white');
});
3) jika itu tidak berhasil, Anda ditakdirkan :-) pertimbangkan ini: ini tidak akan menyembunyikan warna kuning, tetapi akan membuat teks dapat dibaca lagi.
input:-webkit-autofill {
color: #2a2a2a !important;
}
4) solusi css / javascript:
css:
input:focus {
background-position: 0 0;
}
dan javascript berikut harus dijalankan saat dimuat:
function loadPage()
{
if (document.login)
{
document.login.name.focus();
document.login.pass.focus();
document.login.login.focus();
}
}
misalnya:
<body onload="loadPage();">
semoga berhasil :-)
5) Jika tidak ada yang berhasil, coba hapus elemen masukan, kloning, lalu tempatkan kembali elemen yang digandakan pada halaman (berfungsi di Safari 6.0.3):
<script>
function loadPage(){
var e = document.getElementById('id_email');
var ep = e.parentNode;
ep.removeChild(e);
var e2 = e.cloneNode();
ep.appendChild(e2);
var p = document.getElementById('id_password');
var pp = p.parentNode;
pp.removeChild(p);
var p2 = p.cloneNode();
pp.appendChild(p2);
}
document.body.onload = loadPage;
</script>
6) Dari sini :
if (navigator.userAgent.toLowerCase().indexOf("chrome") >= 0) {
$(window).load(function(){
$('input:-webkit-autofill').each(function(){
var text = $(this).val();
var name = $(this).attr('name');
$(this).after(this.outerHTML).remove();
$('input[name=' + name + ']').val(text);
});
});
}
