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 正方形。