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

时间:2013-10-17 10:55:00

标签: javascript html css text

我正在使用java,我有一个文本框,我从数据库中读取数据。例如,名称“John”加载到文本框中。我有代码

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

但我想要做的是将加载到文本框中的单词保持黑色,并在我尝试在该文本框中输入文本时将颜色更改为蓝色。所以,例如, “john”这个词加载在文本框中......我删除了John这个词并输入Max。 Max应为蓝色。

希望这不会太混乱。有帮助吗?

3 个答案:

答案 0 :(得分: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
或者更好地在按键上分配一些课程

答案 1 :(得分:0)

使用css进行样式设置。

#fname1:focus{color:blue}

http://jsfiddle.net/BC5RP/

答案 2 :(得分:0)

你的后端是Java的事实在这里是无关紧要的 - 你只是在处理UI。 有几种方法可以解决这个问题。一个on this fiddle example使用JQuery(输入)。

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