Javascript 设置密码输入的默认值，以便可以读取

我希望有一个密码字段，在用户输入密码之前在其中显示“password”（以便他们知道该字段是什么）

我宁愿只使用Javascript，仅为此导入jQuery似乎是浪费，但我不知道如何使用。这些图像非常清楚地解释了：

它看起来像什么：

我希望它看起来像什么：

这只是一个非常简单的网站和最基本的登录（没有验证等）

有什么想法吗

<input id="username" name="username" class="input_text" type="text" value="Username"  />
<input id="password" name="password" class="input_text" type="password" value="Password" />                 

---

将

密码

输入更改为简单的输入类型

文本

。然后，在焦点事件上使用JavaScript（或JQuery），将其更改为输入类型

密码

下面是一个未经测试的简单JavaScript示例（无JQUERY）：

函数makeItPassword（）
{
document.getElementById（“passcontainer”）
.innerHTML=“”；
document.getElementById（“密码”）.focus（）；
}

一个简单的解决方案：

<input id="username" name="username" class="input_text" type="text" placeholder="Username"  />
<input id="password" name="password" class="input_text" type="password" placeholder="Password" />

---

如果您使用的是HTML5，那么您应该使用

---

如果您使用的是HTML4，则可以创建一个

函数pwdFocus（）{
$（“#伪造密码”）.hide（）；
$（“#密码”）.show（）；
$（“#密码”）.focus（）；
}
函数pwdBlur（）{
if（$（'#password'）.attr（'value'）=''）{
$（“#密码”）.hide（）；
$（“#伪造密码”）.show（）；
}
}

我有另一个解决此问题的方法，您不需要Javascript：

<input onclick="value=''; type='password';" name="password" type="text" value="Password" />

function makePasswordHidden() {
    document.getElementById("password").setAttribute("type", "password");
}

或者你也可以这样做：

<input onclick="this.value=''; this.type='password';" name="password" type="text" value="Password" />

我不知道这两种可能性之间的区别。 您可以更改的另一件事是编写而不是

onclick=….

onfocus=….

我也不知道这里的区别

---

但我希望我能帮助你。PS：抱歉，因为我的英语不好，我是德国人。

请在javascript中添加以下代码：

<input onclick="value=''; type='password';" name="password" type="text" value="Password" />

function makePasswordHidden() {
    document.getElementById("password").setAttribute("type", "password");
}

将密码输入更改为：

<input id="password" name="password" class="input_text" type="text" value="Password" onfocus="makePasswordHidden();">

并将以下内容添加到密码输入中：

onblur="if (this.value=='') makePasswordShown(); if (this.value=='') this.value='Password';"

---

您可以通过动态更改字段类型（即，第一个“文本”，激活时更改为“密码”）来破解它。我不是100%肯定这会奏效。我会这样做的<代码>$（“#密码”）.bind（“焦点”，函数（）{$（this.val（“”；$（this.attr）（“类型”，“密码”）；}）请注意，更改

输入

元素的

类型

不会在IE上正常工作。另请参见：@CMS:如果您创建一个新的DOM元素而不是更改现有的DOM元素，您认为同样的情况也适用吗？（看看我的代码示例）。遗憾的是，这打破了iPhone的关键词：sin2018，你应该使用

占位符

属性，而不是这个hack。“你不需要Javascript”-这是Javascript。

function makePasswordShown() {
    document.getElementById("password").setAttrivute("type", "text");
}

onblur="if (this.value=='') makePasswordShown(); if (this.value=='') this.value='Password';"