html - フォームのテキストの色

Question

フォームでは、入力「テキスト」で、ユーザーが何かを入力する前に、テキスト値の色と、ユーザーが入力するテキストの別の色を設定する方法は?

(input:focus という意味ではありません。これはユーザーが書き込みを行うときのことです。ユーザーがフィールドを離れるときも別の色を探しています)

ここに例があります：http://jsfiddle.net/JQSZE/

<form>
    <input type="text" value="nom" />
</form>

Answer 1

フォーカスを離れたら、jQuery を使用して要素のクラスを変更します。クラスを適用する前にコンテンツを入力したかどうかを確認することで、いくつかのレベルの複雑さを簡単に追加できます。

ほら、ここに基本的な例があります：

http://jsfiddle.net/erinfreeman/q348G/

Answer 2

JavaScriptのフォーカスとぼかしイベントを使用します。

jQuery(function(){
    jQuery("input").focus(function(){
         jQuery(this).css("color", "red");
    }).blur(function(){
         jQuery(this).css("color", "green");
    });
});​

Answer 3

次のように試すこともできます

$(document).ready(function(){
    $("input").focus(function(){       
        (this).css("color", "green");
});

}); </p>

または単に試してみてください

$('input').css("color","green");

それでおしまい