0

キオスクとして営業所で iPad を介してアクセスする小さな登録ページを構築しています。Web デザイン会社からページを最初に受け取ったとき、入力フィールドのラベルがフィールド内に (透かしのように) 表示されるように設定されていることに気付きました。透かしは、フィールドに焦点を合わせるとクリアされ、フィールドをぼかすと値がない場合は元に戻ります。

ページに PASSWORD と RETYPE PASSWORD という単語が表示されているパスワード フィールドがいくつかあることに気付きました。営業所で他人のパスワードを公開したくありませんが、フィールドを変更してパスワードを入力すると、透かしラベルがマスクされます。

彼らは jQuery を使用して入力フィールドに透かしを入れていたので、TEXT 入力フィールドをフォーカスされた PASSWORD 入力フィールドに交換する別の jQuery ソリューションを見つけました。PC の Safari でテストしたところ、魅力的に動作しました。しかし、iPhoneでページをテストしていたときに、指でフィールドをクリックした場合にのみjQueryフィールド スワップ オンフォーカスが機能することに気付きました。スクリーン キーボードを使用して[次へ] をクリックしてフィールドを取得すると、フィールドがスワップされず、スクリーン キーボードが表示されなくなります。スワップを起動するには、フィールドを物理的にクリックする必要があります。フォーカスの代わりにスワップをトリガーするために使用できるものは他にありますか?

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

1 に答える 1

0

もちろん、投稿してすぐに、DiveIntoHTML5.ep.ioをもう少し読んで、HTML5 が「プレースホルダー」をサポートしていることを確認したので、PASSWORD 入力フィールドにプレースホルダーを配置できないかと考えました。あなたはできる！

HTML5 は、ページが実行しようとしていたすべてのことをサポートしているため、jQuery をすべて取り除くことができます。

于 2010-06-19T22:51:46.187 に答える