`

html5 placeholder ie8,9 input框中不显示默认值

 
阅读更多

 1,第一种方法

 function setDefaultvalueInie(){

    if($.isFunction($.fn.placeholder)){

       $('[placeholder]').each(function(){

       if($(this).val() == '') {

             $(this).val($(this).attr('placeholder'));

          }

       $(this).focus(function() {

             if($(this).val() == $(this).attr('placeholder')) {

                $(this).val('');

             }

          }).blur(function() {

             if($(this).val() == '') {

                $(this).val($(this).attr('placeholder'));

             }

         });

      });

    }

 }

2,第二种方法

if($.isFunction($.fn.placeholder)) {

                  $("input, textarea", "#event_modal").placeholder();

                }

 

对于加载一段html生成showdialog,打开第一次默认提示语显示,发现第二次打开提示语不显示,此时我们需要禁止 $("input, textarea", "#event_modal").placeholder();直接

if($.isFunction($.fn.placeholder)){

            return false;

 

         }

上述针对ie8,9

分享到:
评论

相关推荐

    解决IE下不支持placeholder属性

    这段代码会在输入框中显示“请输入您的姓名”作为提示,但只有在支持`placeholder`属性的浏览器中才会生效。对于不支持此属性的IE浏览器,我们可以采用以下几种解决方案: 1. **使用JavaScript库**:有很多...

    使用jQuery快速解决input中placeholder值在ie中无法支持的问题

    在IE浏览器中,HTML5的`placeholder`属性不被支持,这意味着在Internet Explorer(IE)中,`<input>`元素的`placeholder`属性不会显示占位符文本。为了解决这个问题,我们可以借助JavaScript库,如jQuery,来实现跨...

    实现跨浏览器的placeholder,兼容IE7

    在现代Web开发中,`placeholder`属性是HTML5的一个特性,用于在输入框(input)内显示提示信息,当用户开始输入或聚焦时,提示信息会自动消失。然而,这个功能在旧版本的浏览器,尤其是Internet Explorer (IE)的早期...

    ie placeholder属性的兼容性问题解决方法

    但是在不支持html5的低版本的浏览器中,placeholder属性是无效的,为了解决这个问题,因此,人为的去实现placeholder属性: 复制代码代码如下: //placeholder功能实现 var placeholder = { add: function (el) { if...

    Html5的placeholder属性(IE兼容)实现代码

    HTML5的`placeholder`属性是Web表单设计中的一大改进,它允许开发者为`input`元素和`textarea`元素提供预填充的提示文本。这个提示文本会在用户输入之前显示,通常表现为灰色字体,并在用户开始输入或聚焦输入框时...

    让IE下支持Html5的placeholder属性的插件

    此外,文档中还提到了使用input元素时的一个常见问题:当input元素具有一个默认值(即value属性)时,如果该默认值与placeholder属性值相同,页面加载时会先显示默认值,随后才由JavaScript将其更改为placeholder...

    文本框 默认值 灰色 方法 网络 浏览器

    4. **浏览器兼容性**:`placeholder`属性是HTML5引入的新特性,虽然大多数现代浏览器都支持,但一些老版本的浏览器(如IE9及以下)可能不支持。为了确保跨浏览器兼容性,可以使用jQuery插件如`jquery.placeholder.js...

    HTML5课程总结,新增标签

    IE 浏览器必须是 9 及以上版本才支持 HTML5,且 IE9 仅支持部分 HTML5 新特性。 新增语义化标签包括: 1. 布局标签:header、footer、nav、article、section、aside、main、hgroup 等。 2. 状态标签:meter、...

    WEB开发 之 HTML5 表单属性.docx

    HTML5 中的表单属性是指在 HTML5 中新增加的 form 和 input 元素的属性,这些属性使得表单的功能更加强大和灵活。下面是这些新属性的详细解释: 1. autocomplete 属性:autocomplete 属性规定 form 或 input 域应该...

    input 标签实现输入框带提示文字效果(两种方法)

    HTML5引入了`placeholder`属性,可以直接在`<input>`标签中使用,为输入框提供默认的提示文字。例如: ```html <input type="text" placeholder="用户名或邮件地址" name="username"/> ``` 此方法简单且直观,但在...

    html入门到放弃笔记

    2、_self : 在自身标签页中打开新网页(默认值) Demo 1、创建一个超链接,内容为 :学子商城,点击时,在自身标签页中 打开 http://www.codeboy.com 2、创建一个超链接,内容为 :学子商城的LOGO,点击时,在新...

    关于HTML5你必须知道的28个新特性,新技巧以及新技术

    12. **IE与HTML5新元素**:在IE中,新元素默认为内联元素,可以通过JavaScript创建这些元素,使其呈现为块级元素,例如:`document.createElement('article')`。 13. **hgroup元素**:`<hgroup>`用于组合多个标题,...

    网页制作时可以拿起就用的小技巧总结

    }来隐藏IE浏览器中的默认箭头,并通过自定义背景图片的方式在下拉框的右侧显示一个自定义的小箭头图片。 6. button的美化技巧涉及到了去除默认边框和背景色,以及与input[type="radio"]和input[type="cheakbox"]的...

    jquery出生年月日插件

    当用户完成选择后,插件会自动将选定的日期组合成完整的日期字符串,并显示在输入框中。 ### 四、插件特性 - **易用性**:插件通常提供丰富的配置选项,允许开发者自定义日期格式、默认值、可选日期范围等。 - **...

    html中关于form与表单提交操作的资料集合

    在IE6/7/8中button元素的默认type是button而不是submit,因此为了跨浏览器兼容性,建议手动设置button元素的type为submit。 通过这些知识点的详细解读,我们可以更深入地理解和掌握HTML中form元素和表单提交的相关...

    浅析常用的浏览器私有属性

    在HTML5中,`placeholder`属性用于为输入框提供提示文本,但在标准CSS中没有直接的方法来修改它的样式。为了解决这个问题,浏览器提供了以下私有属性: 1. `::-webkit-input-placeholder`:这是Webkit内核浏览器的...

    60个实用的jQuery代码片段.pdf

    26. **显示/删除默认值**:控制`<input>`的`placeholder`显示和隐藏。 27. **定时隐藏/关闭**:使用`setTimeout`或`setInterval`结合`fadeOut`或`hide`实现定时效果。 28. **动态创建元素**:使用`$()`创建元素并...

Global site tag (gtag.js) - Google Analytics