当用户实际选择输入框时如何制作输入密码的类型？

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

您应该首先将输入的类型设置为＆＃39;密码＆＃39;。如果要在值中显示字段的标签，我建议使用JQuery watermark。它有效地完成了我认为你试图编写的内容，但却没有提交“密码”这个词。作为表单字段的值。