一、value="请输入你要搜索的关键词" onfocus="if (this.value==‘请输入你要搜索的关键词‘) this.value=‘‘;"
二、value="请输入你要搜索的关键词" onblur="if(this.value==‘‘){this.value=‘请输入你要搜索的关键词‘}" onfocus="this.value=‘‘"
value="请输入你要搜索的关键词" onfocus="if (value ==‘请输入你要搜索的关键词‘){value =‘‘}" onblur="if (value ==‘‘){value=‘请输入你要搜索的关键词‘}"
例:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>鼠标提示</title> <script language="JavaScript"> function seashowtip(tips,flag,iwidth){ var my_tips=document.all.mytips; if(flag){ my_tips.innerHTML=tips; my_tips.style.display=""; my_tips.style.width=iwidth; my_tips.style.left=event.clientX+10+document.body.scrollLeft; my_tips.style.top=event.clientY+10+document.body.scrollTop; } else { my_tips.style.display="none"; } } </script> <style> body{font-size:12px} </style> <div id=mytips style="position:absolute;background-color:#ffffff;width:121;height:16;border:1px solid gray;display:none;filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3); left:0; top:5"></div> </head> <body> <form name="form1" method="post" action=""> 用户名: <input type="text" name="textfield" tips="*** 输入用户名." onmousemove=seashowtip(this.tips,1,150) onmouseout=seashowtip(this.tips,0,150)> <br/> 密 码: <input type="text" name="textfield2" tips="*** 输入密码." onmousemove=seashowtip(this.tips,1,150) onmouseout=seashowtip(this.tips,0,150)> <br/> 验证码: <input type="text" name="textfield3" tips="*** 输入验证码." onmousemove=seashowtip(this.tips,1,150) onmouseout=seashowtip(this.tips,0,150)> <input type="submit" name="Submit" value="提交">
input的value文本输入框文字提示样式,布布扣,bubuko.com
原文:http://jyb2014.blog.51cto.com/9155315/1539536