ユーザーが実際に入力ボックスを選択したときに入力パスワードの種類を作成するにはどうすればよいですか？

Question

これは私がすでに持っているコードです。ボックスが非アクティブになると、テキスト「パスワード」が表示されます。ボックスを選択すると、「パスワード」テキストが削除され、ユーザーの入力がパスワードフィールドのような点として表示されます。

<div class="custom"><input type="text" class="custom" size="12" value="Password" onfocus="if(this.value == 'Password') { this.value = ''; }" onblur="if(this.value == '') { this.value = 'Password'; }"/></div> 

Answer 1

あなたはJSを経由して、あなたが変更したのと同じ方法でタイプを変更することができます値：

<input type="text" class="custom" size="12" value="Password" onfocus="if(this.value == 'Password') { this.type = 'password'; this.value = ''; }" onblur="if(this.value == '') { this.type = 'text'; this.value = 'Password'; }"/> 

Answer 2

私が正しく理解していれば、あなただけを探している：

this.type = 'password' 

と逆：

this.type = 'text' 

Answer 3

b入力のタイプを「パスワード」に設定します。フィールドのラベルを値に表示する場合は、JQuery watermarkを使用することをお勧めします。コード化しようとしていると思われることを効果的に行いますが、フォームフィールドの値として「パスワード」という単語を送信することはありません。