我們經常遇到一些輸入框,比如註冊網站的輸入框就有默認提示值,當獲取鼠標焦點的時候,默認值被刪除,當用戶沒輸入東西焦點離開的時候,又恢復默認提示值。這方法用js代碼實現如下:
html代碼:
複製代碼代碼如下:
<input type="text" id="email" name="email" value="請輸入經常使用的郵箱" onfocus="fn_focus(this);" onblur="fn_blur(this);"/>
js代碼:
複製代碼代碼如下:
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;
}
}