How does jQuery set and remove the default value of a text box?

How does jQuery set and remove the default value of a text box?

This article mainly introduces how to set and remove the default value of a text box in jQuery. The example analyzes the skills of jQuery to operate a text box and has some reference value. For more information, see

 

 

This example describes how to set and remove the default value of a text box using jQuery. Share it with you for your reference. The specific analysis is as follows:

At the beginning, the text box sets a default value. When the cursor moves to the text box, if the current value of the text box is the default value, then empty; when the text box is left, if the text box value is empty, set the text box value to the default value.

The Code is as follows:

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

$ (Document). ready (function (){ // Use each to traverse the text box $ (". Input"). each (function (){ // Save the value of the current text box Var vdefault = this. value; $ (This). focus (function (){ // When the focus is obtained, if the value is the default value, it is set to null. If (this. value = vdefault ){ This. value = ""; } }); $ (This). blur (function (){ // If the value is null when the focus is lost, it is set to the default value. If (this. value = ""){ This. value = vdefault; } }); }); });

I hope this article will help you with jQuery programming.