css 奇淫巧计--文本内容替换

-webkit-text-security：通过用形状替换字符来混淆<form>字段（例如  <input>或  <textarea>）中的字符。它仅影响那些字段不是的type=password

html

<label for="name">Name:</label>
<input type="text" name="name" id="name" />

css

input {
  -webkit-text-security: square;
}

效果

可选值

none 无。
circle 圆圈。
disc 圆形。
square 正方形。