0

Webアプリケーションのほとんどのテキストボックスに、画面の乱雑さを最小限に抑えるためのヒントを表示したいと思います。

私は多くの解決策に出くわしましたが、それらはすべて私が望むものに対して非常に複雑に見えます。私のJavascriptの知識はかなり貧弱なので、今指摘する価値があるかもしれません。

必要なのは、テキストボックスのヒント(CSSスタイルを使用して、グレー表示および斜体にすることができる)を使用できる単純なスクリプトであり、パスワードフィールドで機能します。

私はスクリプトを持っていましたが、ページごとに1つのパスワードフィールドしか持てず、どこでも使用するのは簡単ではありませんでした。

ありがとう、あなたの助けは大歓迎です。

編集:残念ながら、これもIE6と互換性がある必要があります。

4

1 に答える 1

2

最も安全な方法は、たとえば2つのパスワードボックスを作成し、テキストを含む1つのパスワードボックスを次のように作成することです。

<input style="color:#B0AEAE;width:167px;display:none;" id="password_text" type="text" value="Password" />
<input type="password" id="password_password" name="password" style="width:167px" maxlength="20"/>

次に、最初に(私が使用する)jqueryを使用して「通常の」パスワード入力フィールドを非表示にし、非表示のパスワードフィールドを表示します。クリックすると、次のように他のフィールドに戻ることができます。

$(document).ready(function() {

$('#password_text').show();
$('#password_password').hide();

$('#password_text').focus(function() {
    $('#password_text').hide();
    $('#password_password').show();
    $('#password_password').focus();
});
    $('#password_password').blur(function() {
    var password = $(this).val();
    if(password == '') {
        $('#password_password').hide(); 
        $('#password_text').show();
    }
});

});

これを一番上に置いてください:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
于 2012-07-15T13:10:13.020 に答える