对文本框默认值的清空

最新推荐文章于 2021-03-21 16:51:11 发布

weixin_30628801

最新推荐文章于 2021-03-21 16:51:11 发布

阅读量205

点赞数

文章标签： python 开发工具

原文链接：http://www.cnblogs.com/wangzf-No1/archive/2012/01/12/js_input.html

版权

搜索框，文本框，文本域，文本区域可能都要有个默认值，

比如：

搜索框:可以 <input value="搜索产品..." />
文本区域: 可以 <textarea>输入您多我的建议或者意见,让我们的网站为您创造更便捷的服务....</textarea>
........

首先说这种提示功能很好，非常直观，可是怎么让它们获取焦点时内容清空、失去焦点后内容分为空的话就显示提示文本.....

当页面这些元素多了之后如何去管理...等等问题

var inputText=function(o,e,e2){
                if(!o)return;var txt=o.value;

	        function inputTextChange(o,e,e2,txt){
	                o[e]=function(){var txt2=o.value;if(txt==txt2)o.value=""}
	                o[e2]=function(){var txt2=o.value;if(txt2=="")o.value=txt}
                                }
	new inputTextChange(o,e,e2,txt)	
	}

上面我定义了一个函数

功能讲解：

参数 [o] : 需要操作的对象
参数 [e] : 需要清空对象值的事件
参数 [e2] : 需要返回默认值的事件

函数调用：

inputText（userName,"onmouseover","onmouseout"）;

函数应用示例：

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>input.value</title>
</head><body>

<script>
var inputText=function(o,e,e2){if(!o)return;var txt=o.value;
	function inputTextChange(o,e,e2,txt){
	o[e]=function(){var txt2=o.value;if(txt==txt2)o.value=""}
	o[e2]=function(){var txt2=o.value;if(txt2=="")o.value=txt}}
	new inputTextChange(o,e,e2,txt)	
	}
</script>


<input type="text" value="请输入您的邮箱..." on />

<input type="text" value="请输入您的家庭住址..." />

<input type="text" value="请输入您的手机号..." />

<script>
var inputArr=document.getElementsByTagName("input")

for(var i in inputArr){
	
	if(!inputArr[i].type=="text") continue;
	
	inputText(inputArr[i],"onfocus","onblur")	
	}

</script>

</body></html>

转载于:https://www.cnblogs.com/wangzf-No1/archive/2012/01/12/js_input.html