如何在编辑时设置文本框的文本颜色

Question

我正在使用java，我有一个文本框，可以将数据从数据库读入。例如，名称“John”加载到文本框中。我的代码

<input class="classText" name="fName" id="fname1" type="text" value=""/><br /> 

然而我想要做的就是保持这种的加载到文本框中黑色字和改变颜色为蓝色，当我试图进入文本插入文本框。例如， 单词“john”已加载到文本框中...我删除了单词John并输入了最大值。 Max应该是蓝色的。

希望这不是太混乱。任何帮助？

Answer 1

您可以使用onkeypress事件

<input class="classText" name="fName" id="fname1" type="text" value="" onkeypress="changeColour(this)"/><br /> 

，并定义功能

<script> 
function changeColour(e) 
{ 
    e.style.color='blue' 
} 
</script> 

工作fiddle
或者更好的分配一些类的按键

Answer 2

使用CSS样式。

#fname1:focus{color:blue} 

http://jsfiddle.net/BC5RP/

Answer 3

，你的后台是Java中的事实，在这里无关紧要 - 你正在处理的只有UI。 这有几种方法。一个on this fiddle example在输入上使用JQuery。

$('.classText').on('input', function() { 
$(this).addClass('changed'); 
});