Home/ Questions/Q 6877231
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T04:34:32+00:00

I have a problem. I want the text to be filled by the default

  • 0

I have a problem. I want the text to be filled by the default value when user lefts it blank here is my code. Please help me to tackle this error.

<html>
<head>
<title>
</title>
<script lang='javascript'>
function makeBlank(obj,defMsg){
    if(obj.value==defMsg){
        obj.value="";
    }
}
function fillDefValue(obj,defMsg){
    if(obj.value==""){
        obj.value=defMsg;
    }
}
</script>
</head>
<body>
<input style="width:190px" onblur="fillDefValue(this,'User Name')" onfocus="makeBlank(this,'User Name')" value="Name" name="fromname" id="fromname" type="text">
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your code has a minor error. The functions which make the text field blank or filled with default value have an if statement which checks the condition if(obj.value==defMsg) which is defMsg='User Name'. But in the text field you are assigning value = "Name" so the if condition never become true. Thats why your code is not working. You should either use <input .... value="User Name" ......> or you can call the both functions as <input ...onblur="fillDefValue(this,'Name')" onfocus="makeBlank(this,'Name')" vlaue="Name"....>. Doing any of these two changes the code will work fine. Here is your code with the first change I mentioned:

    <html>
<head>
<title>
</title>
<script lang='javascript'>
function makeBlank(obj,defMsg){

    if(obj.value==defMsg){
        obj.value="";
    }
}
function fillDefValue(obj,defMsg){
    if(obj.value==""){
        obj.value=defMsg;
    }
}
</script>
</head>
<body>

<input style="width:190px" onblur="fillDefValue(this,'User Name')" onfocus="makeBlank(this,'User Name')" value="User Name" name="fromname" id="fromname" type="text">
</body>
</html>
    • 0