更改文本顏色Onfocus事件或當用戶鍵入東西

我有一個窗體，其中txt框已經有一些值，當某些用戶在txt框中單擊時有所改變。字體顏色稍微設置爲淺色。所以當用戶輸入某些東西時，字體顏色應該變成深色，並且應該保持黑暗。有沒有任何Java腳本來做到這一點。更改文本顏色Onfocus事件或當用戶鍵入東西

<html> 
<head> 
<style type="text/css"> 
.formWrapper input[type="text"]{float:left; width:178px; height:28px; line-height:27px; padding-left:5px; color:#CACACA; font-size:13px; font-weight:bold;} 
</style> 
</head> 
<body> 
<div class="formWrapper"> 
<form name=form> 
<Input type="text" name="name1" value="Eg : Flat-27,Block 4,Skyline" onfocus="if(this.value==this.defaultValue) this.value='';" onblur="if(this.value=='') this.value=this.defaultValue;" size="30"> 
</form> 
</div> 
</body>

來源

2011-11-04 Sibu

在我的例子：

焦點默認文本將被清除，並輸入元素得到綠色
上的模糊，如果輸入有沒有文本它充滿了默認的灰色文字

code：

$('input').focus(function(){ 
    if($(this).val() == this.defaultValue){$(this).val('');$(this).css("color","green");} 
}).blur(function(){ 
    if($(this).val() == ''){$(this).val(this.defaultValue);$(this).css("color","grey");} 
});

HTML：

<div class="formWrapper"> 
<form name=form> 
<Input type="text" name="name1" value="Eg : Flat-27,Block 4,Skyline" size="30"> 
</form> 
</div>

Live demo

來源

2011-11-04 07:34:02

我是否需要使用 – Sibu

是的，你需要一個jQuery libriary任何框架???如jQuery或東西。你用jQuery標籤來解決你的問題。 –

你會幫我如何使用Jquery庫..你的程序不工作在我的localhost..plz幫助 – Sibu

$("element").keydown(function() { 
    this.value= ""; 
    $(this).css("color",darkcolorCode); 
}).blur(function(){ 
    if(this.value == "default text" || $.trim(this.value) == "") { 
     this.value == "default text"; 
     $(this).css("color",lightcolorCode); 
    } 
});

來源

2011-11-04 07:32:17 Anoop

更改文本顏色Onfocus事件或當用戶鍵入東西

回答

相關問題