Я создаю небольшую страницу регистрации, к которой можно получить доступ через iPad в офисе продаж в качестве киоска. Когда я впервые получил страницу от компании веб-дизайна, я заметил, что способ, которым они ее устанавливали, - это метки полей ввода, которые появляются внутри поля (например, водяной знак). Водяной знак очищается, как только вы фокусируетесь на поле, а затем восстанавливается, если нет значения, когда вы размываете поле.Проблема с iPhone Клавиатура Next и Input Field Focus
Я заметил, что у них было несколько полей пароля на странице, в которой показывались слова PASSWORD и RETYPE PASSWORD. Я не хочу, чтобы пароль пользователя был открыт в отделе продаж, однако изменение полей для ввода пароля означает, что метки водяных знаков замаскированы.
Поскольку они использовали jQuery для создания водяного знака в полях ввода, я нашел другое решение jQuery, которое заменит поле ввода TEXT для поля ввода PASSWORD в фокусе. Когда я тестировал его на своем ПК в Safari, он работал как шарм. Однако, когда я тестировал страницу с моим iPhone, я заметил, что поле jQuery заменяется на фокус работает только в том случае, если я нажимаю на поле пальцем. Если я использую на экранной клавиатуре и нажав NEXT, чтобы получить поле, поле не будет заменено, а экранная клавиатура исчезнет. Я должен физически щелкнуть поле, чтобы получить возможность свопа. Есть ли еще какие-то другие, которые я могу использовать для запуска свопа вместо фокуса?
$('#txtRetypePassword-clear').focus(function() {
$('#txtRetypePassword-clear').hide();
$('#txtRetypePassword-password').show();
$('#txtRetypePassword-password').focus();
});