Atualmente, é encontrado um problema muito nojento no desenvolvimento de um projeto. Originalmente, digitei o nome de usuário e a senha na interface de login e conectei -me. Depois de selecionar para lembrar a senha, o nome de usuário e a senha inseridos na interface de login serão preenchidos na página de conteúdo na página de conteúdo. A página de conteúdo deseja criar uma nova subconta, o que é realmente nojento.
Obviamente, isso não acontecerá sob navegadores de ponta, como o Firefox, o IE8 ou acima. O problema é 360! Atualizando as expectativas, este novato passou pelas seguintes tentativas:
O primeiro: cancele a senha automática no navegador.
Infelizmente, essa coisa não tem resposta a 360. Droga, a primeira tentativa falhou! (É claro que, mesmo que entre em vigor, como desenvolvedor, você não pode permitir que todos os usuários tomem essa ação!)
O segundo tipo: adicione o atributo AutoComplete = "Off" à entrada para que ele não escreva automaticamente o nome e a senha automaticamente.
Infelizmente, essa coisa também é imune a 360, caramba!
O terceiro tipo: modifique dinamicamente o atributo Tipo de entrada através do JS:
<input type = "text" id = "senha" onfocus = "this.type = 'senha'" />
Desta vez, a senha inserida foi exibida diretamente abaixo de 360, o que significa que a no ONFOCUS não foi executada. Fiz um ponto curto e o executei abaixo. Descobri que o jQuery relatou um erro. Uma propriedade do tipo de exceção não capturada não pode ser alterada. Infelizmente, a modificação do tipo não é suportada no IE.
O quarto tipo: como você não pode fazê -lo, você só pode implementar meios extraordinários. Se você não me deixar mudar, não vou mudar. Vou te esconder e ter um truque!
A cópia do código é a seguinte:
$ (function () {
$ ("#Pwd"). Foco (function () {
$ (this) .hide ();
$ ("#senha").
});
$ ("#senha"). Blur (function () {
$ (this) .show (). CSS ("BackgroundColor", "#fff");
$ ("#Pwd"). Hide ();
});
$ ("#Un"). Foco (function () {
$ (this) .hide ();
$ ("#nome de usuário").
});
$ ("#nome de usuário"). Blur (function () {
$ (this) .show (). CSS ("BackgroundColor", "#fff");
$ ("#Un"). Hide ();
});
});
Nota: Defina a cor de fundo para #FFF porque 360 fornecerá um fundo amarelo por padrão.
Use uma caixa de entrada com ID, não nome de usuário e senha, respectivamente. O estilo é definido para o mesmo. Quando clicarmos na entrada falsa, deixe a exibição real.
A cópia do código é a seguinte:
<input id = "un" maxlength = "26" type = "text" />
<input id = "nome de usuário" name = "user.username" maxlength = "26" style = "display: nenhum;" type = "text" />
<input id = "pwd" maxlength = "20" type = "text" />
<input id = "senha" name = "user.password" maxlength = "20" style = "display: nenhum;" type = "senha" />
A missão está feita!