JavaScript - 登録ページでパスワードを入力する前に、デフォルトでドットの代わりにテキストを表示するにはどうすればよいですか?

Question

<input type="password" name="info[password]" id="password3" class="list-input" onblur="if(this.value==''){this.value=' 6 ～ 20 桁のパスワードを入力してください';}" onfocus="if(this.value=='6 ～ 20 桁のパスワードを入力してください'){this.value='';}" value="6 を入力してください-20 桁のパスワード Password" placeholder="6 ～ 20 桁のパスワードを入力してください"/>

この文がデフォルトで表示されるようになりました... 入力ボックス上でマウスをクリックすると「6～20桁のパスワードを入力してください」と表示されます。デフォルトで「6～20桁のパスワードを入力してください」と表示され、入力後...

になるようにするにはどうすればよいですか?

Answer 1

めちゃくちゃな属性をたくさん書きましたが、プレースホルダーは書きませんでした。 。 。
placeholder="6 ～ 20 桁のパスワードを入力してください"、これを入力に追加します

Answer 2

もちろん、jsを使用してvulueに値を代入すると、*として表示されます。inputタグにプレースホルダーを追加してみてください

。

Answer 3

新しいブラウザはプレースホルダーをサポートし、暗くなりすぎないようにテキストを灰色にするように css 属性を設定します。

Answer 4

プレースホルダーを使用する

Answer 5

IE での互換性の問題を考慮する必要がない場合、最も簡単な方法はプレースホルダーです
ただし、プレースホルダー属性は IE10 まで互換性があります
そのため、IE10 未満のブラウザーとの互換性を考慮する必要がある場合は、以下を参照することをお勧めします。プラグイン jquery-placeholder

Answer 6

リーリー

モバイル端末はPC端末であればie8対応のプラグインをダウンロードできます
ダウンロードアドレス:
リンク説明

Answer 7

<input type="password" placeholder="表示するデフォルトのテキスト">

Answer 8

最も単純なのはプレースホルダーですが、これは IE と互換性がありません。
互換性を実現する方法は
em タグを記述することです (位置は入力の入力位置に絶対的に配置されます)。入力ボックス
JS を使用して、コントロールにフォーカス/ブラー/キー入力ステータスがあるかどうかを判断し、em タグが表示されるかどうかを確認します。