Html 更改为键入密码onblur

Html 更改为键入密码onblur,html,forms,Html,Forms,我试着用相同的输入信息做一个表单。它在所有输入中都可以正常工作,但在密码中,如果可以在用户引入密码时更改为点,则效果会更好。我希望它是文本类型,只有在用户引入密码时才更改为密码类型。问题出现在代码的最后一行: 我在这里生活: 你输入了双引号 你输入了双引号 使用HTML5占位符 要完成工作,只需使用HTML5的占位符属性,如下所示: <input type="password" name="password" placeholder="Password"> 演示:​ 使用

我试着用相同的输入信息做一个表单。它在所有输入中都可以正常工作,但在密码中,如果可以在用户引入密码时更改为点,则效果会更好。我希望它是文本类型,只有在用户引入密码时才更改为密码类型。问题出现在代码的最后一行:

我在这里生活:



你输入了双引号



你输入了双引号

使用HTML5占位符

要完成工作,只需使用HTML5的占位符属性,如下所示:

<input type="password" name="password" placeholder="Password">

演示:​

使用HTML5占位符

要完成工作,只需使用HTML5的占位符属性,如下所示:

<input type="password" name="password" placeholder="Password">

演示:​

您可以按如下方式更改密码输入:

<input type="text" name="password" value="password" type="password" 
    onfocus="if (this.value=='password') this.value = '';" 
    onblur="if (this.value=='') this.value = 'password';"
/>

Yoc可以在
if(this.value='')
中添加更多条件,但只在
onblur
中添加,不要再编写另一个
onblur

您在最后一行有
this.value=“password”
,这是错误的,您必须使用
'password'
而不是
“password”


在最后一个if条件中,您有参数
password
,该参数在使用前未定义。您应该在此之前定义
var password
,如果或者您应该更改此条件

您可以这样更改密码输入:

<input type="text" name="password" value="password" type="password" 
    onfocus="if (this.value=='password') this.value = '';" 
    onblur="if (this.value=='') this.value = 'password';"
/>

Yoc可以在
if(this.value='')
中添加更多条件,但只在
onblur
中添加,不要再编写另一个
onblur

您在最后一行有
this.value=“password”
,这是错误的,您必须使用
'password'
而不是
“password”


在最后一个if条件中,您有参数
password
,该参数在使用前未定义。在此之前,您应该定义
var password
,如果或者您应该更改此条件

请不要使用答案中的所有建议更新问题,因为这些建议是不必要的,您最终会得到一个实际上就是答案的问题。:)顺便说一句,我已经用您正在寻找的JavAscript解决方案更新了我的答案。
请不要用答案中提出的所有建议更新问题,因为这些建议是不必要的,您最终会得到一个实际上就是答案的问题。:)顺便说一句,我已经用你正在寻找的JavAscript解决方案更新了我的答案。我想我解释得不好。我希望它是在开始时键入文本,并在用户介绍文本时更改为键入密码。我想我解释得不好。我希望它是在开始时键入文本,并在用户介绍文本时更改为键入密码。我编辑了这个问题以更好地解释它。两种解决方案都很好。非常感谢你。HTML5选项是最简单的,但无论如何,我也应该为IE8和更早版本提供另一种解决方案。是吗?不客气如果你在IE8(甚至更早)中也需要它,你应该使用JavaScript方法。我想忘记IE8,但不幸的是有很多人在使用它。因此,javascript似乎是每个人的最佳选择。非常感谢。两种解决方案都非常好。非常感谢你。HTML5选项是最简单的,但无论如何,我也应该为IE8和更早版本提供另一种解决方案。是吗?不客气如果你在IE8(甚至更早)中也需要它,你应该使用JavaScript方法。我想忘记IE8,但不幸的是有很多人在使用它。因此,javascript似乎是每个人的最佳选择。非常感谢。
<input type="text" name="password" value="password" type="password" 
    onfocus="if (this.value=='password') this.value = '';" 
    onblur="if (this.value=='') this.value = 'password';"
/>