Home/ Questions/Q 6768291
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T15:03:28+00:00

I am having Form in which txt box already has some value which changes

  • 0

I am having Form in which txt box already has some value which changes when some user clicks in inside the txt box.The Font color is slightly set to a light color. So when a user types something the Font Color Should change to a dark color and should remain dark. Is there any java script to do this. 

<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>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    In my example:

    • on focus default text will be cleared and input element get green color
    • on blur if input have no text it filled with default grey text

    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

    • 0