jquery实现输入框默认值

最新推荐文章于 2024-02-19 11:04:39 发布

原创最新推荐文章于 2024-02-19 11:04:39 发布 · 5.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #java

java 专栏收录该内容

44 篇文章

订阅专栏

本文介绍如何利用jQuery库来设置HTML输入框的默认文本。通过选择输入元素并使用.val()方法，可以轻松地在页面加载时为输入框赋予初始内容。

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


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>XXX</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script language="JavaScript" src="../js/jquery-1.4.2.js"></script>
    <style type="text/css">
            div,span{
                width: 140px;
                height: 140px;
                margin: 20px;
                background: #9999CC;
                border: #000 1px solid;
                float:left;
                font-size: 17px;
                font-family:Roman;
            }

            div.mini{
                width: 30px;
                height: 30px;
                background: #CC66FF;
                border: #000 1px solid;
                font-size: 12px;
                font-family:Roman;
            }
     </style>
     <!--引入jquery的js库-->
    </head>
    <body>
         <input type="text" value="用户邮箱/手机号/用户名"  id="b1"/><br>
         <input type="password" value=""  id="b2"/><br>
         <input type="button" value="登陆"  id="b3"/>

         <br>   
    </body>
<script language="JavaScript">
    $("#b1").focus(function(){
        if($(this).val()==this.defaultValue){
            $(this).val("");
        }
    });

    $("#b1").blur(function(){
        if($(this).val()==""){
            $(this).val(this.defaultValue);
        }
    });

</script>

</html>

这里写图片描述