（CSS）怎么样实现文本框默认出现几个字？
有点像珍爱网登陆时的那种效果。你鼠标点到文本框之后，那几个文字就没有了。请问是怎样实现的，知道的麻烦说下，谢谢。http://login.zhenai.com/...
有点像珍爱网登陆时的那种效果。
你鼠标点到文本框之后，那几个文字就没有了。
请问是怎样实现的，知道的麻烦说下，谢谢。
http://login.zhenai.com/ 展开
你鼠标点到文本框之后，那几个文字就没有了。
请问是怎样实现的，知道的麻烦说下，谢谢。
http://login.zhenai.com/ 展开
4个回答
展开全部
第一种方法：
<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）不支持。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
楼上的鼠标离开不能返回。
<input value="提示的文字" onfocus="if (value =='提示的文字'){value =''}" onblur="if (value ==''){value='提示的文字'}" />
这个能返回。
<input value="提示的文字" onfocus="if (value =='提示的文字'){value =''}" onblur="if (value ==''){value='提示的文字'}" />
这个能返回。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个不是CSS实现的。
<input name="test" id="test" onfocus="this.value=''" value="这里是你要的字" type="text" />
<input name="test" id="test" onfocus="this.value=''" value="这里是你要的字" type="text" />
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
以下应该是你想要的效果：
<html xmlns="http://www.w3.org/1999/xhtml" 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="http://www.w3.org/1999/xhtml" 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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
