如何让输入框预留文本

最新推荐文章于 2022-09-09 18:02:16 发布

黑羽夜翎

最新推荐文章于 2022-09-09 18:02:16 发布

阅读量1.7k

点赞数 2

分类专栏： web前端文章标签： html web前端

本文链接：https://blog.csdn.net/qq_43304928/article/details/83689939

版权

web前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

代码如下

<!DOCTYPE html>
<html>
<head>

</head>
<body>
<input type="text" name="text" value="name" onfocus="if(this.value == 'name')this.value='';" onblur="if(this.value == '')this.value='name';">
</body>
</html>

简单解释
1.value值是输入框中预留文本。
2.onfocus事件会在对象聚焦(鼠标点击输入框）时发生，例子中代码的意是“如果预留文本是name，则点击后清空”，当然如果给value赋值的话，点击后输入框中就会出现所赋的值。
3.onblur事件会在对象失去焦点时发生，与onfocus事件互为相反事件，例子中代码的意思是“如果输入框为空，则会自动填入name”。
4.value值可以根据需要而更改。
参考
关于onfocus，onblur以及相关代码的详细使用方法，请参考菜鸟教程或w3school。