在 HTML 中更改密码字符答案

【问题标题】：change password char in HTML在 HTML 中更改密码字符
【发布时间】：2010-11-23 14:35:08
【问题描述】：

我可以在 HTML 的密码框中更改密码字符吗？我想把它改成■

【问题讨论】：

Webkit 浏览器使用设置字体中的项目符号...这里是有关如何使用自定义字体更改 input password symbol 的说明（仅限 Webkit）。

标签： html

【解决方案1】：

据我所知，这是做不到的。密码字段由浏览器原生呈现。

您可能会构建一个基于 JavaScript 的解决方法，但那样会不安全，会破坏自动完成和/或浏览器的内部密码管理，并有其他副作用。

如果可能的话，我会坚持浏览器的渲染。

【讨论】：

+1 - 我见过这种尝试（从未完成），它并不漂亮
/同意“坚持标准行为，不要搞砸和破坏”的方式。
+1 表示“坚持浏览器的渲染”。您甚至不需要昂贵的可用性研究来确定用户对原生 UI 元素比经过大量修改的非标准控件更满意。
@pekka 2020 年还是不行

【解决方案2】：

据我所知，这是由相应的浏览器控制的，这是不可能的。您必须想出一些开箱即用的解决方案，但冒着安全风险，这可能不值得。

【讨论】：

【解决方案3】：

在 javascript 中有一个可用的解决方案我在这里有一个函数

<script type="text/javascript">
   var k=0;
   var df;
window.onload=function() {
   df=document.forms[0];
df[1].onkeydown=function() {
    df[1].className='white';
 }
df[1].onkeyup=function() {
df[0].value+=df[1].value.charAt(k);
   k++;
for(c=0;c<df[1].value.length;c++) {
   df[1].value=df[1].value.replace(df[1].value.charAt(c),'#');
   df[1].className='black';
   }
  }
 }
</script>

【讨论】：