HTMLパスワードフィールドに表示されているシンボルを変更する

Question

アスタリスク（*）を変更する方法はありますか、一部のブラウザではHTMLのパスワードフィールドに表示される箇条書き（•）

Answer 1

パスワードのマスク文字を標準のパスワードフィールドで変更することはできません。あなたはテキストボックスでそれを偽造することができますが、それはあなたがパスワードテキストボックスから行う保護を受けないので弱いセキュリティモデルになります。このような項目の動作を変更することは一般的には好ましくありません。なぜなら、ユーザーはあるタイプのマスキングに慣れており、別のものを導入することになるからです。これを行う正当な理由がなければ、それを避ける。

Answer 2

いいえ - ユーザーエージェントは独自のデフォルトスタイルを選択し、マスキング文字を決定するために変更できるCSS属性はありません。

もちろん、これはパスワードフィールドが標準テキストフィールドで、javascriptイベントハンドラ（おそらくonKeyPress）で入力を手動でマスクした場合に可能です。フィールドをtype="password"とHTMLで宣言してJS関数でDOMを変更して型を変更させることもできます。私はこれをすることについて少し気をつけているだろう。ブラウザの実装はほぼ確実に非常に確固としており、確立されたセキュリティ機能を迂回して自分自身をロールバックすることはまれです。

Answer 3

今のところ、これはWebkitブラウザで可能であるように見えます。例とドキュメントについては、http://help.dottoro.com/lcbkewgt.phpを参照してください。

パスワード入力には適用されません

<input type="text" style="-webkit-text-security: square;" />

この答えが書かれたときの、さらにはWebKitのブラウザで、あなたは文字のように、他のブラウザのための良い解決策はありません指定することができます非常に限られています。

Answer 4

input[type="password"]には、@font-faceとfont-family（およびfont-size）を使用してください。あなたの問題を解決するのに役立つはずです。しかし...あなたは、置き換えられた箇条書きとアスタリスク文字でフォントを作成する必要があります。フォント内のすべての文字番号が同じ文字を表す場合があります。ベクターフォントを編集する無料のプログラムを見つけるためにgoogleを使用してください。

「不可能」とは決して言わないでください。問題のハックが見つかるはずです。

シンボルに置き換えられる文字（Chrome、Firefox、MSIEの場合）： 26AB、25E6,25CF、25D8,25D9,2219,20F0,2022,2024,00B7,002A。

（18C）私は偽物それがテキストボックスで、私はパスワードのこの機能を使用していないが、質問を確認してくださいするにはどうすればよい

Answer 5

<input type="text" style="-webkit-text-security: circle;" />