1

入力フィールドにラベルを配置して、背景に説明テキストが表示されるようにしました。ユーザーがフィールドに入力すると、テキストが消えます。ここで説明されている例を使用しています: How to create a label inside an <input> element? 具体的にはhttp://attardi.org/

ただし、パスワードが Google chrome などのブラウザーによって保存されると、この画像のようにテキストが文字化けします (これは現在、ローカル コンピューターにあります)。 表示および保存されたパスワード テキスト

保存されたパスワードの背景テキストが消えません。どんな助けにも感謝します-ありがとう。

4

3 に答える 3

6

新しいplaceholder属性を利用することもできます。ここでそれについて読んでください。

ただし、サポートはありませんIE。

オプション 2 は を使用しJqueryます。既にソリューションに使用Jqueryしているため、ドキュメントが読み込まれた後に をチェックし、それに応じて を表示または非表示にlabelするコードを追加できます。valueinputlabel

このコードは、ドキュメントの準備が整った関数内に入ります。

$(function() {
    // Handler for .ready() called.
});
于 2012-10-15T17:34:29.393 に答える
0

さらに調査したところ、これは Google Chrome でのみ発生し、Mozilla Firefox では発生しませんでした。私のセットアップは正しく、実際には Chrome のバグである可能性があります。問題ログを参照してください: http://code.google.com/p/chromium/issues/detail?id=117661

これは、Chrome がパスワードの自動保存プロセスを実行しようとして、以前に入力された値があるかどうかを確認しないときに、プレースホルダー属性でも発生するようです。

すべてからの入力に感謝します。

于 2012-10-15T23:43:44.073 に答える
0

属性を使用するだけplaceholderです – とても簡単です:

<input type="email" placeholder="email" />

文字通り、それだけです。ブラウザが動作を処理します。

はい、IE では動作しません (IE10 がリリースされるまで)。ただし、いずれにせよ、フィールドの横に既にラベルが表示されているため、IE ユーザーがどのフィールドがどれであるかを判別できないわけではありません。

于 2012-10-15T20:06:27.670 に答える