1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>Title</title>
6 </head>
7 <body>
8 <div style="margin: 0 auto;width: 600px">
9 <input id="i1" type="text" onfocus="Focus()" onblur="Blur()" value="请输入关键字"/>
10 <input type="text" placeholder="请输入关键字">
11 </div>
12
13
14 <script>
15
16 function Focus() {
17 var tag = document.getElementById(‘i1‘);
18 var val =tag.value; // 获取text中的值
19 if(val=="请输入关键字"){
20 tag.value=‘‘;
21 }
22 }
23
24 function Blur() {
25 var tag = document.getElementById(‘i1‘);
26 var val = tag.value;
27 if(val.length==0){//判断长度是不是0
28 tag.value="请输入关键字"
29 }
30 }
31
32 </script>
33
34 </body>
35 </html>
效果如下图：
原文地址：https://www.cnblogs.com/topzhao/p/9194094.html
时间： 2024-10-30 02:06:56