如下input里的字怎么让它显示或消失？

ktjamy 2011-09-21 02:39:14

<div class="searchform">
<form action="#" method="post">
<input type="search" value="SEACHTERM">
<button type="submit"></button>
</form>
</div>

当我点击那个input的时候SEACHTERM 这个字会消失，当我点击页面其他地方的时候，这个字再次出现在input上，这个怎么做啊？

...全文

251 13 打赏收藏转发到动态举报

写回复

用AI写文章

13 条回复

切换为时间正序

请发表友善的回复…

发表回复

asdl7878 2011-09-21

打赏
举报

10L的答案有没有考虑过如果你输入一个跟你默认内容一样的文本的情况呢按这种方法不是会被清空么

最后一个菜鸟 2011-09-21

打赏
举报

10楼正解，

happypo2009 2011-09-21

打赏
举报

人家是点了按妞要是那样我也会<input type="search" value="SEACHTERM" onfocus="this.value=''" onblur="this.value='SEACHTERM'"> 这个你的查看是什么标签触发的click事件如果是button的话才给他值就可以了

001007009 2011-09-21

打赏
举报



<input value="SEACHTERM" id="test" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

<script>

	$('#test').focus(function(){

		this.value = this.value == this.defaultValue ? '' : this.value;

	}).blur(function(){

		this.value = this.value == '' ? this.defaultValue : this.value;

	})

</script>

一起混吧 2011-09-21

打赏
举报



<input type="search" value="SEACHTERM" id="test" onfocus="this.value=''" onblur="this.value=this.defaultValue">

ktjamy 2011-09-21

打赏
举报

但我的项目是在jquery下的，能否告诉我jquery怎么写啊？

001007009 2011-09-21

打赏
举报

楼主用了jquery？
怪不得运行我贴的没效果。。。

你直接把我贴的新建一个html 试试。。。

ktjamy 2011-09-21

打赏
举报

我是这么写的

$('.searchform').find('input[type=search]').onfocus = function(){
if($(this).val() == 'SEACHTERM'){
$(this).val('');
}
}
$('.searchform').find('input[type=search]').onblur = function(){
if($(this).val() == '')
$(this).val('SEACHTERM');
}

但就不是没有效果。

ktjamy 2011-09-21

打赏
举报

function $(o){return document.getElementById(o)}
这是什么啊？

我这边用你的写的代码运行，没有效果出来的。

001007009 2011-09-21

打赏
举报

[Quote=引用 3 楼 ktjamy 的回复:]
2楼的不行啊，各位帮帮忙
[/Quote]

楼主我测试了的，没问题。你运行出什么问题？

ktjamy 2011-09-21

打赏
举报

2楼的不行啊，各位帮帮忙

001007009 2011-09-21

打赏
举报



<div class="searchform">

<form action="#" method="post">

	<input type="search" value="SEACHTERM" id="test">

	<button type="submit">123</button>

</form>

</div>

<script>

	

	function $(o){return document.getElementById(o)}

	$('test').onfocus = function(){

		if(this.value == this.defaultValue){

			this.value = '';

		}

	}

	$('test').onblur = function(){

		if(this.value == ''){

			this.value = this.defaultValue;

		}

	}	

</script>