Friendly tips when entering text boxes in javascript_form effects

The following code implements a prompt message for what to input when the user stays in the text input box, improving user engagement.

Before entering content, the display is as shown in Figure 1

Picture 1

When the username text box is focused, the effect is as shown in Figure 2

Picture 2

When the password text box is focused, the effect is as shown in Figure 3

Figure 3

The source code of the demonstration is as follows:

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>tt control demonstration</title> <form action="" method="get"> <blockquote> <blockquote> <p align="center"> <input name="dd" onblur="notTip()" type="text" onfocus="tip(this,'"></p> </blockquote> </blockquote> </form>