有点像珍爱网登陆时的那种效果。
你鼠标点到文本框之后，那几个文字就没有了。
请问是怎样实现的，知道的麻烦说下，谢谢。
http://login.zhenai.com/
ãã第ä¸ç§æ¹æ³ï¼
ãã<input type="text" value="è¿éæ¯é»è®¤å" />
ãã第äºç§æ¹æ³ï¼
ãã<input type="text" placeholder="è¿éæ¯é»è®¤å" />
ããplaceholderå±æ§æ¯css3æ°å¢å çï¼IEä½çæ¬æµè§å¨ï¼IE6ã7ã8ï¼ä¸æ¯æã
ãã<input type="text" value="è¿éæ¯é»è®¤å" />
ãã第äºç§æ¹æ³ï¼
ãã<input type="text" placeholder="è¿éæ¯é»è®¤å" />
ããplaceholderå±æ§æ¯css3æ°å¢å çï¼IEä½çæ¬æµè§å¨ï¼IE6ã7ã8ï¼ä¸æ¯æã
温馨提示：答案为网友推荐，仅供参考
第1个回答 2010-05-25
楼上的鼠标离开不能返回。
<input value="提示的文字" onfocus="if (value =='提示的文字'){value =''}" onblur="if (value ==''){value='提示的文字'}" />
这个能返回。本回答被提问者采纳
<input value="提示的文字" onfocus="if (value =='提示的文字'){value =''}" onblur="if (value ==''){value='提示的文字'}" />
这个能返回。本回答被提问者采纳
第2个回答 2010-05-25
这个不是CSS实现的。
<input name="test" id="test" onfocus="this.value=''" value="这里是你要的字" type="text" />
<input name="test" id="test" onfocus="this.value=''" value="这里是你要的字" type="text" />
第3个回答 2010-05-25
以下应该是你想要的效果：
<html xmlns="" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>表单点击效果</title>
<script language="javascript">
// JavaScript Document
function showLocalCookie() {
var logininfofromlocalcookie = getEmailFromCookie();
if(logininfofromlocalcookie==null || logininfofromlocalcookie=='') {
var loginby ='<input name="loginInfo" id="loginInfoname" type="text" class="it1" value="注册邮箱或ID号" onfocus="test1(this);this.className=\'it2\';" onblur="test2(this);this.className=\'it1\';" size="22" />';
document.write(loginby);
}
if(logininfofromlocalcookie!=null && logininfofromlocalcookie!='') {
var loginby ='<input name="loginInfo" id="loginInfoname" type="text" class="it1" value="'+logininfofromlocalcookie+'" onfocus="test1(this);this.className=\'it2\';" onblur="test2(this);this.className=\'it1\';" size="22" />';
document.write(loginby);
}
}
function test1(obj) {
if(obj.value=='注册邮箱或ID号'){obj.value='';}
}
function test2(obj) {
if(!obj.value){obj.value='注册邮箱或ID号';}
}
</script>
</head>
<body>
<script language="javascript">
function checkValue() {
var str = Trim(document.getElementById("loginInfoname").value);
var passwordbt = document.getElementById("passwordbt").value;
if (str == "" || str == null || str=='注册邮箱或ID号') {
alert("请输入注册邮箱或ID号");
return false;
} else {
if(passwordbt == null || passwordbt == '') {
alert("请输入密码");
return false;
} else {
if (isNumber(str) || isNoEmail(str)) {
if (isNumber(str)) {
if(str.length > 19) {
alert("您输入的ID号不存在");
return false;
}
document.getElementById("loginmode").value = "2";
return true;
}
if (isNoEmail(str)) {
document.getElementById("loginmode").value = "3";
return true;
}
} else {
alert("您输入注册邮箱或ID号格式不正确");
return false;
}
}
}
}
function isNumber(str)
{
var strP=/^\d+(\.\d+)?$/;
if(""==str){
return false;
}
if(!strP.test(str))
{ return false;}else{
return true;
}
}
function isNoEmail(str) {
var strartu=str.lastIndexOf("@");
var sdown=str.indexOf("@");
var isNostr=str.substring(str.lastIndexOf("@") + 1,str.length);
var stu=isNostr.lastIndexOf(".")+1;
var sdn=isNostr.indexOf(".");
if(strartu=='-1'||stu=='-1'){
return false;
}
if(strartu==sdown&&stu!=sdn)
{
return true;
}else{
return false;
}
}
</script>
<input type="text" size="22" onblur="test2(this);this.className='it1';" onfocus="test1(this);this.className='it2';" value="你可以把文字填在这里" class="it1" id="loginInfoname" name="loginInfo">
</body>
</html>
<html xmlns="" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>表单点击效果</title>
<script language="javascript">
// JavaScript Document
function showLocalCookie() {
var logininfofromlocalcookie = getEmailFromCookie();
if(logininfofromlocalcookie==null || logininfofromlocalcookie=='') {
var loginby ='<input name="loginInfo" id="loginInfoname" type="text" class="it1" value="注册邮箱或ID号" onfocus="test1(this);this.className=\'it2\';" onblur="test2(this);this.className=\'it1\';" size="22" />';
document.write(loginby);
}
if(logininfofromlocalcookie!=null && logininfofromlocalcookie!='') {
var loginby ='<input name="loginInfo" id="loginInfoname" type="text" class="it1" value="'+logininfofromlocalcookie+'" onfocus="test1(this);this.className=\'it2\';" onblur="test2(this);this.className=\'it1\';" size="22" />';
document.write(loginby);
}
}
function test1(obj) {
if(obj.value=='注册邮箱或ID号'){obj.value='';}
}
function test2(obj) {
if(!obj.value){obj.value='注册邮箱或ID号';}
}
</script>
</head>
<body>
<script language="javascript">
function checkValue() {
var str = Trim(document.getElementById("loginInfoname").value);
var passwordbt = document.getElementById("passwordbt").value;
if (str == "" || str == null || str=='注册邮箱或ID号') {
alert("请输入注册邮箱或ID号");
return false;
} else {
if(passwordbt == null || passwordbt == '') {
alert("请输入密码");
return false;
} else {
if (isNumber(str) || isNoEmail(str)) {
if (isNumber(str)) {
if(str.length > 19) {
alert("您输入的ID号不存在");
return false;
}
document.getElementById("loginmode").value = "2";
return true;
}
if (isNoEmail(str)) {
document.getElementById("loginmode").value = "3";
return true;
}
} else {
alert("您输入注册邮箱或ID号格式不正确");
return false;
}
}
}
}
function isNumber(str)
{
var strP=/^\d+(\.\d+)?$/;
if(""==str){
return false;
}
if(!strP.test(str))
{ return false;}else{
return true;
}
}
function isNoEmail(str) {
var strartu=str.lastIndexOf("@");
var sdown=str.indexOf("@");
var isNostr=str.substring(str.lastIndexOf("@") + 1,str.length);
var stu=isNostr.lastIndexOf(".")+1;
var sdn=isNostr.indexOf(".");
if(strartu=='-1'||stu=='-1'){
return false;
}
if(strartu==sdown&&stu!=sdn)
{
return true;
}else{
return false;
}
}
</script>
<input type="text" size="22" onblur="test2(this);this.className='it1';" onfocus="test1(this);this.className='it2';" value="你可以把文字填在这里" class="it1" id="loginInfoname" name="loginInfo">
</body>
</html>
