iPhone 键盘 Next 和输入字段焦点问题

Posted 2023-02-25

【中文标题】iPhone 键盘 Next 和输入字段焦点问题

【英文标题】：Issue with iPhone Keyboard Next and Input Field Focus

【发布时间】：2010-06-19 22:39:46

【问题描述】：

我正在构建一个小的注册页面，该页面将通过 iPad 作为售货亭访问。当我第一次收到来自网页设计公司的页面时，我注意到他们设置它的方式是输入字段的标签出现在字段内（如水印）。一旦您专注于该领域，水印就会被清除，如果您模糊该领域时没有任何价值，则水印会被恢复。

我注意到他们在页面中有几个密码字段，其中显示了 PASSWORD 和 RETYPE PASSWORD 字样。我不希望人们的密码暴露在售楼处，但是将字段更改为输入密码意味着水印标签会被屏蔽。

由于他们使用 jQuery 在输入字段中添加水印，因此我找到了另一个 jQuery 解决方案，可以将 TEXT 输入字段替换为焦点上的 PASSWORD 输入字段。当我在我的 PC 上的 Safari 中测试它时，它就像一个魅力。但是，当我用我的 iPhone 测试页面时，我注意到 focus 上的 jQuery 字段交换只有在我用我的手指。如果我使用 屏幕键盘 并单击 NEXT 来获取该字段，则该字段不会被交换并且屏幕键盘会消失。我必须物理单击该字段才能触发交换。是否有其他的甚至可以用来触发交换而不是焦点？

$('#txtRetypePassword-clear').focus(function() 
    $('#txtRetypePassword-clear').hide();
    $('#txtRetypePassword-password').show();
    $('#txtRetypePassword-password').focus();
);

【参考方案1】：

当然，当我发布后，我在DiveIntohtml5.ep.io 上进行了更多阅读，发现 HTML5 支持“占位符”，所以我想，我想知道您是否可以在 PASSWORD 输入字段上放置一个占位符。你可以！

所以我要去掉所有的 jQuery，因为 HTML5 支持页面试图做的所有事情！