We often encounter some input boxes, such as the input boxes for registering websites, which have default prompt values. When the mouse focus is obtained, the default value is deleted. When the user does not enter the focus, the default prompt value is restored. This method is implemented using js code as follows:
html code:
The code copy is as follows:
<input type="text" id="email" name="email" value="Please enter the frequently used mailbox" onfocus="fn_focus(this);" onblur="fn_blur(this);"/>
js code:
The code copy 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;
}
}