JavaScript点击单元格清除默认值并且能够设置输入字体颜色

当前位置：首页 > 代码实例 > html5 css3代码分类 > 其他 > JavaScript点击单元格清除默认值并且能够设置输入字体颜色

在很多情况下，文本框内有默认文字，一般都是提示类的文字。

当点击文本框的时候能够清除这些文字，下面就简单介绍一下如何实现此效果。

代码如下:

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

<!DOCTYPE HTML>
<html>
<head>
<meta charset=" utf-8"> 
<title>javascript便利表格</title>
<script type="text/javascript">
function txtFocus(el) {
  if(el.defaultValue == el.value) { 
   el.value = ''; 
   el.style.color = 'red'; 
  }
}
function txtBlur(el) {
  if(el.value == '') 
  { 
    el.value = el.defaultValue; 
    el.style.color = '#000'; 
  }
}
</script>
<body>
<input type="text" onfocus="txtFocus(this)" onblur="txtBlur(this)" value='请输入'>
</body>
</html>

代码描述：JavaScript 单元格清除默认值设置字体颜色。JavaScript点击单元格清除默认值并且能够设置输入字体颜色

下载全部收藏

126 167

用户评论

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