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

Question

<div class="searchform">
<form action="#" method="post">
<input type="search" value="SEACHTERM">
<button type="submit"></button>
</form>
</div>当我点击那个input的时候SEACHTERM 这个字会消失，当我点击页面其他地方的时候，这个字再次出现在input上，这个怎么做啊？

Answer 1

当我在input里写了字之后就不让它显示SEACHTEM了，但是如果是空的情况下，点击别的地方，这个input里就要显示SEACHTEM，这个怎么做？

Answer 2

<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>楼主试试。。

Answer 3

 function $(o){return document.getElementById(o)}
 这是什么啊？我这边用你的写的代码运行，没有效果出来的。

Answer 4

我是这么写的$('.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'); 
}但就不是没有效果。

Answer 5

楼主用了jquery？
怪不得运行我贴的没效果你直接把我贴的新建一个html 试试

Answer 6

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

Answer 7

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

Answer 8

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

Answer 9

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