占位符 Internet Explorer 11 未显示

Posted 2023-03-05

【中文标题】占位符 Internet Explorer 11 未显示

【英文标题】：Placeholder internet explorer 11 not showing

【发布时间】：2017-07-23 18:48:39

【问题描述】：

我对 IE 11 中的占位符有疑问，即使它在兼容性表中说 IE 11 可以显示占位符。我不是在谈论专注于输入。当我不专注于输入框时，也没有占位符。

IE 版本：11.0.9600

我没有在占位符上应用 css。

在其他浏览器中显示占位符。

我也尝试了使用元标记的兼容性，没有变化。

<input id="textinput" name="name" type="text" placeholder="Name" class="form-control input-md" /></input>

【问题讨论】：

输入标签是自动关闭的。没有</input>。您可能希望通过 html 验证器运行您的页面以查看是否存在其他错误。

运气不好，我修复了验证器的错误，尝试禁用所有样式表，所以只剩下纯 html，但什么也没显示。

尝试极简标记 （注意：按照惯例 id 和 name 应该使用相同的字符串。某些字符串（例如“名称”）与全局变量或属性名称发生冲突）。使用开发工具的 DOM Explorer 选项卡检查应用于元素的样式规则，特别是任何 -webkit-appearance 或 color 或 :placeholder 规则。将可重现的混搭发布到 jsfiddle 以获得更好的帮助。

嗨，Rob，谢谢，但没有运气：（该死的 Internet Explorer...

【参考方案1】：

好的，伙计们，我刚刚发现我可爱的公司已经安装了 IE 11，但强制使用 IE 8 视图 - 我的天。

尽管如此，我用这个 jQuery 脚本解决了这个问题，现在它可以工作了。 https://codepen.io/engza/pen/DptoH

链接中的完整代码

$(function()$("input, textarea").placeholder()

【讨论】：

使用 IE 开发工具的“仿真”选项卡找出您的开发/测试/生产站点正在使用的 IE 仿真模式（又名 documentMode）以及它是如何建立的。例如。 IE8/企业站点模式列表。在 localhost 上开发时，使用 File>Properties 菜单来确定它映射到哪个 IE 安全区域...预期的 Internet。

嗨 Rob，是的，这就是我发现这个的方式，无论如何感谢您的帮助 :)

【参考方案2】：

我刚刚在另一个 *** 问题上回答了这个问题，但也许我也可以在这个问题上帮助人们。

我遇到了同样的问题，发现是我的 CSS 框架（基础）的设置为所有输入设置了 2.4375rem 的高度...您需要覆盖它！像

[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea 
    height: auto;

【参考方案3】：

如果您专注于使用 javascript 或普通用户交互的输入，IE 11 将不会显示占位符。