Firefox 中不显示 HTML 输入占位符文本答案

【问题标题】：HTML input placeholder text does not show in firefoxFirefox 中不显示 HTML 输入占位符文本
【发布时间】：2023-03-20 14:52:01
【问题描述】：

我有以下输入字段

<input type="text" id="search-box" placeholder="input the name" />

占位符文本设置“输入名称”字段的默认值。如果单击该字段，则文本会消失，以便您可以在该字段中输入名称。

占位符文本在 Chrome 中显示，但在 Firefox 中不显示，如何解决这个 firefox 问题？（我使用的是 Firefox 3.6）

【问题讨论】：

我本来打算自己装的，但是有几个很好的 jQuery 插件可以模仿这个功能。我认为占位符目前仅适用于 webkit。

标签： html firefox

【解决方案1】：

placeholder 是 Firefox 3.6 不支持的 HTML5 属性

Firefox 4.0 及以上版本支持：https://developer.mozilla.org/en/CSS/%3A-moz-placeholder

【讨论】：

在 Firefox 3.6 中是否有可能实现？

【解决方案2】：

但他们错过的是：

onblur="if(this.value.length==0){this.value='search';}"

添加到输入而不是内联的焦点和模糊事件都好得多

【讨论】：

【解决方案3】：

这是在stackoverflow的搜索框中的工作原理：

<input name="q" class="textbox" tabindex="1" onfocus="if (this.value=='search') this.value = ''" type="text" maxlength="140" size="28" value="search">

【讨论】：

谢谢，我更喜欢你的方式：）

【解决方案4】：

我相信占位符属性仅适用于 WebKit（Safari 和 Chrome）。请参阅this link 了解如何使其在其他浏览器中运行。

【讨论】：

【解决方案5】：

Firefox 还不支持那个未来：

http://www.javaworld.com/community/node/6224

您可以通过将 jquery 插件添加到您的页面来对其进行反向移植：

http://plugins.jquery.com/project/placeholder-html5

【讨论】：