使用JS让输入框内容隐藏
发布网友
发布时间：2022-04-30 07:09
我来回答
共3个回答
热心网友
时间：2022-04-23 09:00
<p>标题：<input type="text" name="title" value='点击隐藏' title='点击隐藏' /></p>
<p>时间: <input type="text" name="time" value='点击隐藏' title='点击隐藏' /> 地点：<input type="text" name="address" value='点击隐藏' title='点击隐藏'/></p>
给每个input添加一个属性，例如我添加一个title，值就是vlue值
代码是用jquery写的
$("input[type=text]").each(function(){
$(this).focus(function(){
var nr=$(this).attr("title");
if($(this).val()==nr){
$(this).val("");
}
});
$(this).blur(function(){
var nr=$(this).attr("title");
if($(this).val()==''){
$(this).val(nr);
}
});
});
热心网友
时间：2022-04-23 10:18
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<p>标题：<input type="text" name="title" value="点击隐藏1" /></p>
<p>时间: <input type="text" name="time" value="点击隐藏2" /></p>
<p>地点：<input type="text" name="address" value="点击隐藏3"/></p>
<script type="text/javascript">
window.onload = function()
{
var aIpt = document.getElementsByTagName("input");
var len = aIpt.length
var aIptVal = "";
for(var i=0;i<len;i++)
{
aIpt[i].index = i;
aIpt[i].onfocus = function()
{
aIptVal = aIpt[this.index].value;
aIpt[this.index].value = "";
}
aIpt[i].onblur = function()
{
aIpt[this.index].value = aIptVal;
}
}
}
</script>
</body>
</html>
热心网友
时间：2022-04-23 11:53
这是我写的代码，给你加了个p标签，方便看效果，如果是单纯隐藏input输入框，把代码中的parent()去掉就可以了：
<p>标题：<input type="text" name="title" value='点击隐藏' /></p>
<p>时间: <input type="text" name="time" value='点击隐藏' /></p>
<p>地点：<input type="text" name="address" value='点击隐藏'/></p>
<script src="jquery-1.7.2.min.js"></script>
<script>
$(function(){
$("input").click(function(){
$(this).parent().hide();
})
})
</script>
