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

发表于:2015-07-20 14:22:57 | 阅读数:--次| 作者:js,javascript

摘要：点击单元格清除默认值并且能够设置输入字体颜色:在很多情况下，文本框内有默认文字，一般都是提示类的文字，当点击文本框的时候能够清除写文字，下面就简单介绍一下如何实现此效果。代码如下: 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" style="color:#666;" onfocus="txtFocus(this)" onblur="txtBlur(this)" value='请输入预定人'>
</body>
</html>

以上代码实现了我们想要的功能，当点击文本框的时候能够清空文本框的默认值，输入的文本也会变色。代码非常的简单，这里就不介绍了。