JavaScript文本框默认提示文本点击删除效果代码下载

当前位置：首页 > 代码实例 > html5 css3代码分类 > 其他 > JavaScript文本框默认提示文本点击删除效果代码下载

本章节分享一段简单的代码实例，就是默认情况下文本框中有提示文本，当点击文本框的时候能够将文本删除，这个效果在绝大多数表单中都有应用，只是风格和形式不同吧，当然复杂程度也有不同，下面是一段最为简单的类似效果，能够满足基本的需求。

代码实例如下:

[ 其他 ] 运行代码下载代码

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.51qianduan.com/" />
<title>51前端</title>
<script type="text/javascript"> 
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; 
  } 
} 
window.onload=function(){
  otitle=document.getElementById("title");
  otitle.onfocus=function(){
    fn_focus(this);
  }
  otitle.onblur=function(){
    fn_blur(this);
  }
}
</script>
</head>
<body>
<input type="text" id="title" value="请输入标题内容"/>
</body>
</html>

代码描述：JavaScript文本框默认提示文本点击删除。JavaScript文本框默认提示文本点击删除效果代码下载

下载全部收藏

117 156

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册