html - 当用户实际选择输入框时，如何设置输入密码的类型？

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

您应该首先将输入的类型设置为“密码”。如果要在值中显示字段的标签，我建议使用JQuery watermark。它有效地完成了我认为您试图编码的事情，但永远不会提交“密码”一词作为表单字段的值。