文本框点击时文字消失，失去焦点时文字出现!

最新推荐文章于 2025-04-27 08:12:49 发布

原创最新推荐文章于 2025-04-27 08:12:49 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#function #html #javascript #input

ASP.NET 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现文本框提示信息自动切换的方法：当文本框获得焦点时清空默认提示，失去焦点时恢复提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charsetGB2312" />
        <title>文本框点击时文字消失，失去焦点时文字出现 </title>

    </head>
    <body>
        <input type="text" value="请输入关键字" id="myinput" />
    </body>
</html>
<script language="JavaScript" type="text/javascript">
            function addListener(element,e,fn){
             if(element.addEventListener){
            element.addEventListener(e,fn,false);
             } else {
             element.attachEvent("on" + e,fn);
              }
            }
            var myinput = document.getElementById("myinput");
            addListener(myinput,"click",function(){
                myinput.value = "";
            })
            addListener(myinput,"blur",function(){
                myinput.value = "请输入关键字";
            })