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