码迷,mamicode.com
首页 > 其他好文 > 详细

两种方法实现text输入框中“请输入关键字”的提醒

时间:2018-06-18 00:33:08      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:NPU   长度   ==   inpu   utf-8   png   back   put   UNC   

 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>

效果如下图:

技术分享图片

 

两种方法实现text输入框中“请输入关键字”的提醒

标签:NPU   长度   ==   inpu   utf-8   png   back   put   UNC   

原文地址:https://www.cnblogs.com/topzhao/p/9194094.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!