input输入框内的提醒方式

最新推荐文章于 2025-06-14 15:21:25 发布

Magicbo-_-

最新推荐文章于 2025-06-14 15:21:25 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端文章标签： input function chrome

本文链接：https://blog.youkuaiyun.com/Beiji_Nanji/article/details/7556915

web前端专栏收录该内容

28 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现输入框内默认提示信息的方法。通过为输入框元素添加onclick、onfocus及onblur事件监听器，可以实现在点击或聚焦时清除默认提示，而在失去焦点且内容为空时恢复提示的效果。

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

/*input输入框内的提醒方式*/
/*注意不要用name作变量，chrome把它当关键字了。*/

var username=document.getElementById("id_username");
username.onclick =username.onfocus= function(){
if(this.value!="请输入账号") return;
this.value="";
this.style.color="black";
}
username.onblur = function(){
if(this.value != "") return;
this.value="请输入账号";
this.style.color="#666666";
}