Question

好的，为了克服IE缺乏对HTML5的Placeholder属性的支持，我编写了一些循环输入的JS，并将输入的值设置为不支持它的浏览器的占位符属性值。现在这样可以正常工作，但是在密码字段上，无论值是什么，都会显示为点/项目符号来隐藏密码。

现在我可以采取哪些措施和方法来解决这个问题？

要在输入[type =“password”]上设置占位符样式效果？

Answer 1

在查看HTML5 Cross Browser Polyfills的“网页表单：输入占位符”部分时，我看到的是jQuery-html5-placeholder。

我尝试使用IE9 demo，看起来它用{span}包裹你的<input>并用占位符文字覆盖标签。

<label>Text:
  <span style="position: relative;">
    <input id="placeholder1314588474481" name="text" maxLength="6" type="text" placeholder="Hi Mom">
    <label style="font: 0.75em/normal sans-serif; left: 5px; top: 3px; width: 147px; height: 15px; color: rgb(186, 186, 186); position: absolute; overflow-x: hidden; font-size-adjust: none; font-stretch: normal;" for="placeholder1314588474481">Hi Mom</label>
  </span>
</label>

那里还有其他垫片，但我没有全部看过它们。

来自Input placeholders for Internet Explorer

Internet Explorer缺少占位符支持，特别是密码字段

1 个答案: