Html 当用户实际选择输入框时,如何确定输入密码的类型?

Html 当用户实际选择输入框时,如何确定输入密码的类型?,html,forms,passwords,Html,Forms,Passwords,这是我已经有的代码。当该框处于非活动状态时,将显示文本“密码”。我想当框被选中时,它会删除“密码”文本,并将用户输入显示为点,如密码字段 <div class="custom"><input type="text" class="custom" size="12" value="Password" onfocus="if(this.value == 'Password') { this.value = ''; }" onblur="if(this.value == '') {

这是我已经有的代码。当该框处于非活动状态时,将显示文本“密码”。我想当框被选中时,它会删除“密码”文本,并将用户输入显示为点,如密码字段

<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>

如果我理解正确,您只是在寻找:

this.type = 'password'
反过来说:

this.type = 'text'

您可以通过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'; }"/>

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