Je construis une petite page d'enregistrement qui sera accessible via un iPad dans un bureau de vente en tant que kiosque. Quand j'ai reçu la première page de la société de conception de sites Web, j'ai remarqué que la façon dont ils ont été configurés était que les étiquettes des champs de saisie apparaissaient à l'intérieur du champ (comme un filigrane). Le filigrane est effacé une fois que vous vous êtes concentré sur le terrain, puis restauré s'il n'y a pas de valeur lorsque vous effacez le champ.Problème avec le clavier de l'iPhone Suivant et champ de saisie
J'ai remarqué qu'ils avaient quelques champs de mot de passe dans la page qui montraient les mots PASSWORD et RETYPE PASSWORD dans eux. Je ne veux pas que le mot de passe apparaisse dans le bureau des ventes, mais changer les champs pour entrer un mot de passe signifie que les étiquettes de filigrane sont masquées. Puisqu'ils utilisaient jQuery pour faire le filigrane dans les champs de saisie, j'ai trouvé une autre solution jQuery qui permuterait le champ de saisie TEXT pour un champ de saisie PASSWORD sur focus. Quand je l'ai testé sur mon PC dans Safari, ça a marché comme un charme. Cependant, quand je testais la page avec mon iPhone j'ai remarqué que le jQuery échange de champ sur focus ne fonctionne que si je clique sur le champ avec mon doigt. Si j'utilise le sur le clavier d'écran et en cliquant sur SUIVANT pour obtenir le champ, le champ ne sera pas échangé et le clavier à l'écran disparaîtra. Je dois physiquement cliquer sur le champ pour que le swap tire. Y a-t-il d'autres éléments que je peux utiliser pour déclencher l'échange au lieu de me concentrer?
$('#txtRetypePassword-clear').focus(function() {
$('#txtRetypePassword-clear').hide();
$('#txtRetypePassword-password').show();
$('#txtRetypePassword-password').focus();
});