我有一个表单,其中 txt 框已经有一些值,当某些用户在 txt 框内单击时该值会发生变化。字体颜色略微设置为浅色。因此,当用户键入内容时,字体颜色应更改为深色并应保持深色。是否有任何 java 脚本可以执行此操作。
<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>
最佳答案
在我的例子中:
- 焦点上的默认文本将被清除,输入元素变为绿色
- 如果输入没有文本则模糊,它用默认的灰色文本填充
代码:
$('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>
关于javascript - 更改文本颜色 Onfocus 事件或当用户键入内容时,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8005961/