This article mainly introduces how to control the display and hiding of prompts in the input box. For more information, see html + css + javascrpt, we often encounter small details that affect user experience and are easily overlooked. For example, how can we display and hide the prompt information in the input box based on how the object gets and loses focus. I would like to share this tips with you today ~~~
I. Requirements
The input box hides the prompt information when the cursor is displayed. When the cursor leaves the input box, the prompt information is displayed.
Ii. Method
1. Give the input an id, Onfocus = "method name 1 (this)", onblur = "method name 2 (this )"
2. Declare the variable value and obtain the input using the id name.
3. function Method Name 1 (inputObj ){
The Code is as follows:
If (inputObj. value = "......") {
InputObj. value = "";
}
}
4. function Method Name 2 (inputObj ){
The Code is as follows:
If (inputObj. value = ""){
InputObj. value = "......";
}
}
5. Note: if multiple input tags on the same page need the same settings, the method names cannot be consistent.
Iii. Instances
The Code is as follows:
Untitled document
