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

时间:2019-08-06 11:26:04

标签: internet-explorer placeholder

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

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

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

1 个答案:

答案 0 :(得分:0)

根据您的描述,我尝试创建示例代码并使用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中的输出:

enter image description here

如您在测试结果中所见,示例代码可以正常工作,并且在IE 11中无法产生问题。

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

我建议您对此样品进行测试,并检查它是否在您身边正常工作。

如果问题仍然存在,请尝试提供详细的信息,并提供任何可重现的代码示例,以帮助我们更好地理解问题。