对input恢复默认内容和点击清楚默认内容

tsxw001

于 2021-02-22 09:22:31 发布

阅读量10w+

点赞数

CC 4.0 BY-SA版权

分类专栏： wxsd

本文链接：https://blog.youkuaiyun.com/tsxw001/article/details/113928649

wxsd 专栏收录该内容

3 篇文章

订阅专栏

此篇博客介绍了如何使用jQuery来管理网页表单中input元素的默认值行为，即在失去焦点时清空已输入的内容，聚焦时恢复默认值。

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

<script type="text/javascript">
	$(function() {
        $('input').each(function() {
            var default_value = this.value;
            $(this).focus(function(){
                if(this.value == default_value) {
                    this.value = '';
                }
            });
            $(this).blur(function(){
                if(this.value == '') {
                    this.value = default_value;
                }
            });
         });
    });
</script>

在指定页面<script src="./js/jquery-3.2.0.min.js"></script>引入JQuery，上面代码会对input恢复默认内容和点击清楚默认内容！