...失去焦点时,内容又逐渐出现!最好用jquery实现,谢谢各位高手指教...
发布网友
发布时间：2022-04-24 05:36
共4个回答
热心网友
时间：2022-04-24 20:54
给你写了一个，你看看。我用的是jquery-1.4.2.min.js，你要自己引用本地的jQuery库
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{
padding:0;
margin:0;}
#searchForm{
position:relative;
margin:50px;
}
#infor{
position:absolute;
left:5px;
top:0px;}
#search{
width:300px;
height:20px;}
</style>
<script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function(){
$('#search').bind('focus',function(){
$('#infor').fadeOut('slow');
});
$('#search').bind('blur',function(){
$('#infor').fadeIn('slow');
});
});
</script>
</head>
<body>
<div id="searchForm">
<label for="search" id="infor" >Start your style search here</label>
<input name="" type="text" id="search"/>
</div>
</body>
</html>
热心网友
时间：2022-04-24 22:12
$("#textareavs").focus(function(){
var txt_value=$(this).val();
if(txt_value==this.defaultValue){$(this).val("");}
});
$("#textareavs").blur(function(){
var txt_value=$(this).val();
if(txt_value==""){$(this).val(this.defaultValue);}
});
热心网友
时间：2022-04-24 23:47
呢，你看下他的代码结构
<div class="search" id="searchForm">
<label for="ctl00_ContentHeader_ctlTitleBar_ctlSearchBox_txtSearch" >
Start your style search here
</label>
<input />
</div>
也就是说，你看到的Start your style search here不是在input中的，而是在一个lable中，
将lable用样式浮动到input上，慢慢消失的是lable
热心网友
时间：2022-04-25 01:38
-validate 规则： 如果没有填写只有在 onsubmit 的时候才提示未填写。。
默认 onfocusout 和 onkeyup true,
如果有其他验证，如minlength 等验证，在填写时，不满足就会在失去焦点的时候就验证错误。
就是没有输入，onfocusout 不会被触发。。（个人理解）
