首页 > 网站 > WEB开发 > 正文

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

2024-04-27 14:06:47
字体:
来源:转载
供稿:网友

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

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

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

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


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表