htnl中文本框里面显示提示

最新推荐文章于 2022-08-17 18:05:49 发布

weixin_30763397

最新推荐文章于 2022-08-17 18:05:49 发布

阅读量52

点赞数

原文链接：http://www.cnblogs.com/goodMadman/p/3408366.html

版权

<html>
<head><title>哈哈</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
</head>
<body>

用户名：<input type="text" name="username" value="请输入用户名" maxlength="20"
onchange="handleCommentChange(this)"
onfocus="handleCommentFocus(this)"
onblur="if(this.value=='')this.value=this.defaultValue;"/>

<script>
function handleCommentFocus(username){
        if(window.commentflag){
            if(username.value == username.defaultValue){
                username.value = username.defaultValue;
            } 
        }else{
            if(username.value == username.defaultValue) username.value = '';
            window.commentflag = false;
        }
    }
    
    function handleCommentChange(username){
        if(username.value == username.defaultValue){//'比如饮料去冰，限20字以内'
            window.commentflag = true;
        }
        if(username.value == ''){
            window.commentflag = false;
        }
    }

</script>
</body>
</html>