placeholder 是HTML5

最新推荐文章于 2024-02-12 13:25:15 发布

转载最新推荐文章于 2024-02-12 13:25:15 发布 · 479 阅读

jquery 专栏收录该内容

51 篇文章

订阅专栏

本文介绍了一种通过jQuery实现在IE6至IE8浏览器中支持HTML5的placeholder属性的方法，确保用户在输入框未获得焦点时能看到提示文字。

有没有啥插件让ie6 ie7 ie8 支持 input 中的 placeholder 属性?

2013-11-27 16:46 vicff02 | 分类：JavaScript | 浏览7707次

有没有啥插件让ie6 ie7 ie8 支持 input 中的 placeholder 属性?
<input type="text"  name="" value=""  maxlength=""  placeholder="请输入关键词" />
这句在ie6 ie7 ie8中是看不到“请输入关键词” 这个几个字的...

2013-11-27 17:00 提问者采纳

placeholder 是HTML5的。

在IE6-8中不能使用。可以使用 JQ 来设置。

给input一个value， JQ判断得到焦点时 value=""；

移开焦点时，若input为空，那么再加上"请输入即可"

具体例子如下：

 
          $(document).ready(
          function
          ()    {      
         
          $(
          "input"
          ).focusin(
          function
          () {
         
          if
          ($(
          this
          ).val() ==
          "请输入"
          ){  
         
          $(
          this
          ).val(
          ""
          );
         
          }
         
          });
         
          $(
          "input"
          ).focusout(
          function
          () {
         
          if
          ($(
          this
          ).val() ==
          ""
          ){ 
         
          $(
          this
          ).val(
          "请输入"
          );
         
          }
         
          });
         
          });