JavaScript and jquery implement setting and removing text box default value effect code_javascript skills

The effect you want to achieve here is to set and remove the default value of the text box. When the mouse is placed in the text box as shown below, the gray text disappears.

1. You can use a simple way, which is to add the onfocus attribute to the input text box, as follows:

In fact, the onfocus attribute is very useful. You can also change the css style through the onfocus attribute, as shown in the following code:

2. It can also be implemented using jquery:

Of course there are many ways to implement it, here are just the ones I have used...