码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-07-20 14:20:48      阅读:105      评论:0      收藏:0      [点我收藏+]

标签:

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

在很多情况下,文本框内有默认文字,一般都是提示类的文字,当点击文本框的时候能够清除写文字,下面就简单介绍一下如何实现此效果。代码如下:

<!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>

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

原文地址是:http://www.51texiao.cn/javascriptjiaocheng/2015/0507/901.html

最原始地址是:http://www.softwhy.com/

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

标签:

原文地址:http://www.cnblogs.com/nulifendou/p/4661278.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!