Home/ Questions/Q 8559109
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T15:57:53+00:00

I am new with html and javascript. I have been trying to modify the

  • 0

I am new with html and javascript. I have been trying to modify the value of an input element with javascript. The purpose is to set the field blank when user clicks it. the code is as below:

<html>
<head>
<script>
function fn(){
if(document.input1.value=="name")
document.input1.value="";
}</script></head>
<body>
<input name="input1" type="text" value="name" onClick="fn()"/>
</body></html>

However, this code is not working. I am using a chrome browser. When I surround the input tag with a form tag and in script I use document.form.input1.value the code works. where is the problem? I am not concerned about how to blank the field on user click, rather how to access the value from a function. Thanks in advance.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You may also want to try the onFocus and onBlur events:

    <html>
  <head>
   <script>
     function fn(){
       if(document.getElementById("input1").value=="name")
         document.getElementById("input1").value="";
     }
     function fn2(){
       if(document.getElementById("input1").value=="")
         document.getElementById("input1").value="name";
     }
    </script>
  </head>
  <body>
   <input id="input1" name="input1" type="text" value="name" onFocus="fn();" onBlur="fn2();"/>
  </body>
</html>​

    EXAMPLE

    EDIT:

    If you prefer to get the element by its name, you can use document.getElementsByName, however, this returns a list of all matching elements and you would then treat it as an array of matched elements. In the case above, you would switch document.getElementById("input1") with document.getElementsByName("input1")[0]

    • 0