占位符在 IE 中无法正常工作,但适用于 Chrome

Posted

技术标签:

【中文标题】占位符在 IE 中无法正常工作,但适用于 Chrome【英文标题】:Placeholder doesn't work properly in IE, but works for Chrome 【发布时间】:2019-12-13 22:38:39 【问题描述】:

我有一个带有占位符的文本区域。加载时 textarea 已经有值,但如果我点击它,该值将被清除并显示占位符值。 在 Chrome 上一切正常,IE 上存在问题。

预期结果:保留页面加载时的值

(如果我删除占位符,那么一切正常。但我需要显示占位符)

【问题讨论】:

【参考方案1】:

根据您的描述,我尝试创建示例代码并使用 IE 11 浏览器测试问题。

<!DOCTYPE html>
<html>
<body onload="myFunction()">

Address:<br>
<textarea id="myTextarea" placeholder="Describe yourself here...">
</textarea>


<script>
function myFunction() 
  document.getElementById("myTextarea").value = "Fifth Avenue, New York City";

</script>

</body>
</html>

IE 11 中的输出:

正如您在测试结果中看到的那样,示例代码运行良好,IE 11 无法产生问题。

注意: IE 9 或更早版本不支持占位符。

我建议你用这个样本做一个测试,检查它是否在你身边正常工作。

如果您的问题仍然存在,请尝试通过任何可重现的代码示例提供详细信息,这可能有助于我们更好地理解问题。

【讨论】:

以上是关于占位符在 IE 中无法正常工作,但适用于 Chrome的主要内容,如果未能解决你的问题,请参考以下文章

Angular 4 材料芯片占位符无法正常工作

HTML 的占位符属性在 IE10 中无法正常工作

占位符在 IE8 和 IE9 中不起作用,即使使用 jQuery 插件

占位符在 IE10 中不起作用

HTML5 输入类型占位符在 IE 中不起作用

占位符在页面加载时打开 jQuery UI 自动完成组合框(IE10)