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

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

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

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