jquery - 在 IE10 中通过 jQuery 在 Textarea 上添加 HTML5 占位符属性

Question

我想知道 Internet Explorer 10 中的一些奇怪行为。在我的页面上，我添加了一个带有 jquery 的文本区域，包括一个占位符属性。像这样:

$('body').append($('<textarea placeholder="Placeholder..."></textarea>'));

placeholder 属性通常在 IE10 中工作得很好......除了这种情况。我用这个 fiddle 中已经在页面上的元素对其进行了测试:

http://jsfiddle.net/Aqnt5/1/

如您所见，一个文本区域(动态添加的文本区域)将占位符属性视为实际值 - 这是我能想象到的最烦人的行为......

有没有人知道这种效果，也许还有解决方法？提前致谢!

编辑

我也刚刚意识到，在您手动删除该值后，它可以按预期工作。您也可以通过 jQuery.val('') 删除它以使其正常工作。我真的对这种行为感到困惑......但这应该是一个合适的“解决方法”。看到这个 fiddle :http://jsfiddle.net/Aqnt5/5/

Answer 1

不幸的是，我没有 IE10 来测试它，但这在其他任何地方都有效；

$('body').append('<textarea></textarea>');
$('textarea').attr('placeholder', 'placeholder');

只需仔细检查您的 DOCTYPE 是否适用于 HTML5

这是一个单行代码(这里分成几行以使其更明显)，您也可以这样做 -

$('body')
    .append('<textarea></textarea>')
    .find('textarea')
    .attr('placeholder', 'placeholder');