js operates input box prompt information and responds to mouse events_javascript skills

We often encounter some input boxes. For example, the input box for a registration website has a default prompt value. When the mouse focus is obtained, the default value is deleted. When the user leaves the focus without inputting anything, the default prompt value is restored. This method is implemented with js code as follows:

html code:

Copy code The code is as follows:

<input type="text" id="email" name="email" class="txt_input" value="Please enter your frequently used email address" onfocus="fn_focus(this);" onblur=" fn_blur(this);"/>

js code:

Copy code The code is as follows:

function fn_focus(ele){
if(ele.value == ele.defaultValue){
ele.value = '';
}
}
function fn_blur(ele){
var reg = /^[s]*$/;
if(reg.test(ele.value) || ele.value == ele.defaultValue){
ele.value = ele.defaultValue;
}
}