Javascript 在文本框中输入内容时更改文本颜色_Javascript

Javascript 在文本框中输入内容时更改文本颜色

javascript

Javascript 在文本框中输入内容时更改文本颜色,javascript,Javascript,我有一个有多个输入文本框的表单，它有一些浅色的文本消息。当用户键入内容时，文本应该变暗。我得到了一个jquery代码，它正在工作，但我不能将它用于多个文本框 <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.js"></script> <style> inpu

我有一个有多个输入文本框的表单，它有一些浅色的文本消息。当用户键入内容时，文本应该变暗。我得到了一个jquery代码，它正在工作，但我不能将它用于多个文本框

<html>
    <head>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.js"></script>
        <style>
        input{color:grey}
        </style>
    </head>


    <body>
<div class="formWrapper">
<form name=form>
<Input type="text" name="name1"  value="Eg : Flat-27,Block 4,Skyline" size="30">
</form>
</div>
<script>
$('input').focus(function(){
     if($(this).val() == this.defaultValue){$(this).val('');$(this).css("color","Red");}
}).blur(function(){
     if($(this).val() == ''){$(this).val(this.defaultValue);$(this).css("color","grey");}
});
</script>
</body>
</html>


输入{颜色：灰色}
$（'input'）.focus（函数（）{
if（$（this.val（）==this.defaultValue）{$（this.val（''）；$（this.css（“color”，“Red”）；}
}).blur（函数（）{
if（$（this.val（）=''）{$（this.val（this.defaultValue）；$（this.css（“color”，“grey”）；}
});

按照这些思路应该可以做到：

// jQuery 
$("input[type='text']").keyup(function(){

    if ($(this).val() !== ''){
        $(this).css('color', '#ff0000')
    } else {
        $(this).css('color', '#000000')
    }

});

到目前为止，您尝试了什么？请发布源代码并向我们展示什么不起作用？当字段被聚焦时，或者当输入内容时，无论是否被聚焦，它是否会改变颜色？请对文本框使用

onkeyup

事件。@输入文本时，acme文本会改变颜色。@VitalyDyatlov您能展示一些示例吗？我在我的页面上集成了这一点，但我认为它与其他jquery脚本相冲突。@Sibu是我可以查看的页面吗？是从

$（document）.ready（function（）{…}）中调用的脚本？