文本框提示文字点击就消失代码特效
样式1
<input type="text" style="color:#bbbbbb" value="搜索活动名称、地址或活动ID" size="60" onfocus="if (value =='搜索活动名称、地址或活动ID'){value='';}" onblur="if (value ==''){value='搜索活动名称、地址或活动ID';}" />
样式2
<input type="text" name="keyboard" value="请输入明星名字" style="color:#bbbbbb" id="myinput" class="soutext" /><input type="submit" value="搜 索" class="sou">
<!--这里是文本框提示js代码 开始 ****上面必须添加 id="myinput" ***-->
<script language="JavaScript" type="text/javascript">
function addListener(element,e,fn){
if(element.addEventListener){
element.addEventListener(e,fn,false);
} else {
element.attachEvent("on" + e,fn);
}
}
var myinput = document.getElementById("myinput");
addListener(myinput,"click",function(){
myinput.value = "";
})
addListener(myinput,"blur",function(){
myinput.value = "请输入明星名字";
})
</script>
<!--这里是文本框提示js代码 结束-->
1861资源网
http://www.zywlyy.cn/
|
1861资源网 软件下载
使用手机软件扫描微信二维码
关注我们可获取更多热点资讯
感谢网络科技公司技术支持