表格文字颜色

时间:2012-08-31 14:03:56

标签: html forms

在表单中,在输入“文本”中,如何在用户输入任何内容之前为文本值设置颜色,为用户输入的文本设置另一种颜色?

(我不是指输入:焦点,这只是当用户写的时候。我也在寻找不同的颜色,当他离开场地时)

我在这里有一个例子:http://jsfiddle.net/JQSZE/

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

3 个答案:

答案 0 :(得分:2)

一旦离开焦点,使用jQuery来改变元素的类。您可以通过在应用课程等之前检查他们是否已输入内容来轻松添加一些复杂程度。

在这里,这是一个基本的例子:

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

答案 1 :(得分:0)

使用JavaScript焦点和模糊事件。

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

答案 2 :(得分:0)

您也可以尝试

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

});

或者充分尝试

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

那是