实现输入框提示文字效果

来源:互联网 发布:php源码加密方法 编辑:程序博客网 时间:2024/05/16 19:11
<input id="inputID" value="" tips="请输入您的姓名"/><script>window.onload=function(){var o=document.getElementById("inputID");o.setAttribute("valueCache",o.value);o.onblur=function(){o.valueCache=o.value;o.value=o.tips}o.onfocus=function(){o.value=o.valueCache;}o.onblur();}</script>

网上现在有很多输入框,初始向用户展示提示字,在点击后提示文字消失,当用户没有输入,输入框失去焦点后,提示文字会再次出现,现在针对这个效果,个人编写了一段代码实现。