占位符在IE 9中不起作用,但在chrome中没有问题

时间:2012-11-21 14:52:36

标签: jquery html5 internet-explorer

  

可能重复:
  placeholder in ie9

http://jsfiddle.net/zhshqzyc/mGAPs/

中的一个非常简单的测试

我的代码:

<div id="generatePinsDialog" >
<label for="newCount" style="width: 400px;">
    How many?</label>
<input id="newCount" type="text" size="25" placeholder="Enter the number!" />
<br />

jQuery(function() {
     jQuery.support.placeholder = false;
     test = document.ElementById("newCount");
     if('placeholder' in test) jQuery.support.placeholder = true;
});

它适用于谷歌浏览器,但IE 9。

感谢您更正代码。

2 个答案:

答案 0 :(得分:1)

占位符属性在IE中不起作用,只适用于现代浏览器。不过IE10现在确实如此。

大多数情况下,像这样的东西在现代浏览器中都可以使用,但是你需要经常仔细检查它是否适用于IE,这通常会落后于其他所有浏览器。一个地方是http://caniuse.com/

答案 1 :(得分:0)

假设您只想检查浏览器是否支持placeholder,您可以使用以下代码:

jQuery(function() {
     jQuery.support.placeholder = ( 'placeholder' in (document.createElement( 'input' )) );
});

除此之外,正如评论中所述,IE9不支持placeholder(请参阅caniuse.com)!