点击单元格清除默认值并且能够设置输入字体颜色
摘要：点击单元格清除默认值并且能够设置输入字体颜色:在很多情况下，文本框内有默认文字，一般都是提示类的文字，当点击文本框的时候能够清除写文字，下面就简单介绍一下如何实现此效果。代码如下: 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>
以上代码实现了我们想要的功能，当点击文本框的时候能够清空文本框的默认值，输入的文本也会变色。代码非常的简单，这里就不介绍了。
相关文章
最新发布
阅读排行
热门文章
猜你喜欢