Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/379.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Internet Explorer缺少占位符支持,特别是密码字段_Javascript_Html_Internet Explorer_Placeholder - Fatal编程技术网

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

Javascript Internet Explorer缺少占位符支持,特别是密码字段,javascript,html,internet-explorer,placeholder,Javascript,Html,Internet Explorer,Placeholder,好的,为了克服IE对HTML5的占位符属性缺乏支持,我编写了一些JS来循环输入,并将输入的值设置为不支持它的浏览器的占位符属性值。现在这很好,但是在密码字段上,无论值是什么,都会显示为点/项目符号以隐藏密码 现在我可以采取什么措施和方法来解决这个问题 要产生占位符样式的效果,但在输入[type=“password”]?查看的“Web表单:输入占位符”部分中,我看到的一个是 我用IE9试过了,它看起来像是用一个span包装了你的,并用占位符文本覆盖了一个标签 <label>Text:

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

现在我可以采取什么措施和方法来解决这个问题

要产生占位符样式的效果,但在输入[type=“password”]?

查看的“Web表单:输入占位符”部分中,我看到的一个是

我用IE9试过了,它看起来像是用一个span包装了你的
,并用占位符文本覆盖了一个标签

<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>
文本:
嗨,妈妈
还有其他垫片,但我没有全部看


参考

您可以编写更多JavaScript:p@SaadImran. 只是想知道如何处理它…您可以,呃,将密码字段的背景色设置为透明,并在其下方放置一个白色的
DIV
,显示占位符…@benhowdle89我将使用valentinas选项中的选项1。@SaadImran。事实上,我只是试了一下,没用。关于IE不太确定,但在某些浏览器中,由于安全原因,JS不允许更改该属性,因此方法是将其显示在元素的另一侧,查看Sathish答案和以下问题: