2011-02-07 9 views
2

後Password]フィールドで動作しないので、私は下にこれらのフィールドを持っている:だからパスワードマネージャは、もはや私たちの会社のページを再設計し、私たちのデザイン機関の勧告ごとに、私たちのフィールドのラベルなしで行きましたしている再設計

<input type="text" name="userid" value="User ID" /> 
<input type="text" name="passFake" value="Password" /> 
<input type="password" name="passReal" value="" /> 

ユーザーがページを入力すると、「偽の」パスワードフィールドが表示され、「実際の」パスワードフィールドは非表示になり、ユーザーはフィールド内に2つのフィールドを表示します。 Javascriptを使用して、フォーカスの偽のパスワードフィールドを非表示にして、実際のパスワードフィールドを表示して、ユーザーがパスワードフィールドにパスワードを入力できるようにします。

ただし、パスワードマネージャを使用していて、以前に自分のパスワードを弊社のサイトに記録しているユーザーは、問題が発生しています。私は、パスワード管理ツールはフォーカスを設定せずにjavascriptを介してフィールドを変更していると思われるので、偽のパスワードフィールドにユーザーのパスワードを入力しているだけです。

これは、二つの副作用を持っていた:それは、「テキスト」フィールドに入力されているため

  • ユーザーのパスワードは、パスワードフィールドは、パスワードが投入されているので、ユーザーはログインできません
  • 、ない表示されます間違ったフィールド

会社のコンピュータでは許可されていないため、私の家庭のマシンにパスワードマネージャをインストールすることはできないため、偽のパスワードフィールドにonchangeイベントを添付すればよいと思いますか?それとも、パスワード管理者が正しく機能しないのか、私の前提ですか?

+0

は何ですか?わかりません。なぜ2つのフィールド? –

+0

ユーザーが最初にページに入るとき、すべての目的と目的のために、フィールドラベルはフィールド内にあります。 –

+0

ああ、私は今参照してください。しかし、パスワードマネージャが偽のフィールドを埋める理由はわかりません。マークアップでフィールドの順序を変更するとどうなりますか? (それが可能であれば - わからない) –

答えて

1

プレゼンテーション効果を作成するためにHTMLマークアップを変更すると、後であなたを噛むことがあります。

あなたの入力用のラベルを通常のように作成してCSSで入力の上に配置し、クリックしたときや入力がフォーカスを受け取ったときに非表示にするのはなぜですか?パスワードマネージャーの問題は、偽のフィールドではありませんので、それを処理する必要があります。

私はここで一緒に例を置く:これは最初の場所でのために

http://jsfiddle.net/hellslam/jk5Bv/10/

+0

あなたの応答と共にJSの例を含めてくれてありがとう。リンクがなければ、私はおそらくあなたの答えを理解していないだろうし、あなたが私が尋ねたものがわからないのであなたの応答を退けたかもしれません。とりあえずありがとう。 –

+0

さらに、ラベルを非表示にする代わりに左にプッシュして、ラベルにアクセスしやすくする必要があります。 –

関連する問題