占位符在 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的主要内容,如果未能解决你的问题,请参考以下文章