我正在构建一个小的注册页面,该页面将作为售货亭通过 iPad 访问。当我第一次收到来自网页设计公司的页面时,我注意到他们设置它的方式是输入字段的标签出现在字段内(如水印)。一旦您专注于该领域,水印就会被清除,如果您模糊该领域时没有任何价值,则水印会被恢复。
我注意到他们在页面中有几个密码字段,其中显示了密码和重新输入密码。我不希望人们的密码暴露在售楼处,但是将字段更改为输入密码意味着水印标签会被屏蔽。
由于他们使用 jQuery 在输入字段中添加水印,因此我找到了另一个 jQuery 解决方案,可以将 TEXT 输入字段替换为焦点上的 PASSWORD 输入字段。当我在我的 PC 上的 Safari 中测试它时,它就像一个魅力。然而,当我用我的iPhone测试页面时,我注意到只有当我用手指单击该字段时,焦点上的jQuery字段交换才有效。如果我使用屏幕键盘并单击“下一步”来获取该字段,则该字段不会被交换并且屏幕键盘会消失。我必须物理单击该字段才能触发交换。还有其他一些我可以用来触发交换而不是焦点的东西吗?
$('#txtRetypePassword-clear').focus(function() {
$('#txtRetypePassword-clear').hide();
$('#txtRetypePassword-password').show();
$('#txtRetypePassword-password').focus();
});