Home/ Questions/Q 1034623
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T14:25:16+00:00

The following is code that is within an html file. What is the ideal

  • 0

The following is code that is within an html file. What is the ideal way to separate the JavaScript code (if (this.value etc etc)) from html file?

input type="text" name="username" onblur="if (this.value == '')  {this.value = 'email';}" onfocus="if (this.value == 'email') {this.value = '';}"
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    <head> 
    <script type="text/javascript">  
        function ClearDefValue (input) { 
            if (input.value == '')  {
                input.value = input.defaultValue;
            }
        } 
        function SetDefValue (input) { 
            if (input.value == input.defaultValue) {
                input.value = '';
            }
        } 
    </script> 
</head> 
<body> 
    <input type="text" name="username" value="email" onblur="ClearDefValue (this)" onfocus="SetDefValue (this)" /> 
</body>

    If you want to put the JavaScript content into an external file:

    HTML file:

    <head> 
    <script type="text/javascript" src="utils.js"></script>
</head> 
<body> 
    <input type="text" name="username" value="email" onblur="ClearDefValue (this)" onfocus="SetDefValue (this)" /> 
</body>

    utils.js file:

    function ClearDefValue (input) { 
        if (input.value == '')  {
            input.value = input.defaultValue;
        }
} 
function SetDefValue (input) { 
        if (input.value == input.defaultValue) {
            input.value = '';
        }
}

    Related links:
    script element,
    onblur event,
    onfocus event.

    • 0