鼠标点击文本框后，里面的文字就消失，鼠标离开文本框后，里面的文字又会显示...

最新推荐文章于 2021-08-27 23:58:31 发布

yeyuannn

最新推荐文章于 2021-08-27 23:58:31 发布

阅读量583

点赞数

分类专栏： html 文章标签： Java XHTML HTML

本文链接：https://blog.csdn.net/yeyuannn/article/details/83924316

版权

html 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

今天么事干浏览网页，看到这段代码，就粘贴过来了。 :wink:


<!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=gbk" /> 
    <title>鼠标点击文本框后，里面的文字就消失，鼠标离开文本框后，里面的文字又会显示</title> 
  </head> 
  <body> 
    <input name="key" type="text" id="key" value="关键词" size="30" 
           onmouseover=this.focus();this.select();
           onclick="if(value==defaultValue){value='';this.style.color='#000'}" 
           onBlur="if(!value){value=defaultValue;this.style.color='#999'}" style="color:#999" />
  </body> 
</html>